Creating a Performance Monitor using JavaScript Decorators || JS Decorators || Erick Wendel

Today you're gonna build a complete application to monitor Web APIs performance using the JS Decorators proposal with no frameworks.

You'll get to know in practice how this exciting proposal will change the way you write JavaScript applications, how it could be useful for your daily day, and how you can start experimenting with it using Babel plugins.

You'll also build a beautiful user interface on the terminal to show all metrics from our response time and also turn on or off the log results

The JavaScript decorators, a working progress feature that has been evolving over the last five years finally was moved to the final stage on the TC39 to become officially part of the language

If you're a TypeScript, C#, or Java developer, you'd be familiar with Decorators, Custom Annotations, or Filters.

This is a game-changing feature for the language and I'm excited to deep dive into it with you.

#decorators #JavaScript #tutorial

✅ LINKS SHOWN IN THE CLASS

✅ LINKS

✅ FOLLOW ME

✅ TIMELINE

00:00 - SUBSCRIBE NOW
01:45 - Understanding Decorators
03:43 - About video content
04:02 - About the demo
04:11 - Initialize the demo project: Performance monitor using Decorators
10:20 - Create a Decorator function
16:21 - Implement router
19:12 - Testing router
19:44 - Intercept the handler function and reproduce all the steps
22:34 - Testing changes
23: 53 - Install NTL
24:15 - Measure execution time
29:16 - Create logs with better information
34:45 - Implement UI using Blessed
44:15 - Testing changes
46:11 - Update graph
49:34 - Update values in real time with Autocannon
54:50 - Testing changes
56:53 - Final considerations
57:58 - Blooper reel / recording errors
58:46 - Thank you!

#JavaScriptDecorators #PerformanceMonitor #WebPerformance #CodePerformance #CodeOptimization #JavaScriptTricks #ErickWendel #WebDevelopment #SoftwareDevelopment #FrontendDevelopment #BackendDevelopment #Programming #Coding #CodeEfficiency #CodeImprovement #CodeDebugging #CodeTesting #JavaScriptProgramming #JSDevelopment #JSProgramming #CodingTips #CodeNewbie #ProgrammingConcepts #ProgrammingTechniques #WebDevTips #WebDevTricks #WebDevLearning #ProgrammingCommunity #CodeDecorators

[mybuddy]

Dear Erick, you are always in my heart, Could you please publish video lecture on Redis caching with node js, in this video maybe contains topic " rate limit and api caching", thanks so much!

[GlauciaLemos]

Decorators reminds me a lot the time when I programmed in C#! It is the most expected TC 39 proposal that I'm still waiting for! Congrats for the excellent content, Erick.

[mykun]

I really love your videos, you always teach from scratch, do everything without framework as well as only using built-in module standard, by studying like this we will understand deeply, thanks again!

[arnaldocosta]

Erick, sinceramente meus parabéns, simplesmente imbatível !

[ThemekGamesBr]

Imagina um pt-br desse vídeo, que maravilha seria 🥹

[dopplermov]

17:30 -> Pq é necessário colocar esse spread: [...Db.values()] ao invés [Db.values()] ?

[CesarGosHulk]

Saaaalve. Parabéns vc é fera demais 😊
Vc também tem esse curso de nodeJS Streams em portugues?

[customworld]

my laptop speakers. Any suggestions on what to do to get my soft back? I recently updated. Any help would be greatly appreciated.

[satyanandshrivastava]

i'm gonna rena and change color on my channel to stay super organized

[soniablanche]

Oh so that's why they are called "Decorators", they are literally the same thing as the "Decorator" design pattern

[science_and_technology]

What are the complete steps to create a PayPal adder money program

[Paulo-cfmh]

Uma pena fazer esse tipo de conteúdo em inglês e não português.