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

▸Source code: https://github.com/ErickWendel/js-decorators-in-practice

✅ LINKS SHOWN IN THE CLASS

▸ https://github.com/tc39/proposal-decorators/commit/77cb016cac4653b15f93a908b00b041315e4b6e5
▸ https://babeljs.io/docs/en/babel-plugin-proposal-decorators
▸ https://www.npmjs.com/package/blessed-contrib#line-chart
✅ LINKS

▸Mastering Node.js Streams Training: https://bit.ly/nodejs-streams-training

▸ Telegram channel: https://bit.ly/ErickWendelContentHub
▸ My courses: http://bit.ly/ew-courses-yt

✅ FOLLOW ME

▸ Linkedin: https://linkedin.com/in/erickwendel
▸ Blog: https://erickwendel.com.br/
▸ Facebook: https://fb.com/page.erickwendel
▸ Medium: https://medium.com/@erickwendel
▸ Twitter: https://twitter.com/erickwendel_

✅ TIMELINE

00:00 - SUBSCRIBE NOW
01:20 - Content about Node.js and JavaScript
01:45 - Understanding Decorators
03:43 - About video content
03:53 - The node.js version used
04:02 - About the demo
04:11 - Initialize the demo project: Performance monitor using Decorators
10:20 - Create a Decorator function
14:24 - Configure scripts in package.json
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

Видео Creating a Performance Monitor using JavaScript Decorators || JS Decorators || Erick Wendel канала Erick Wendel