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-dec... ✅ LINKS SHOWN IN THE CLASS ▸ https://github.com/tc39/proposal-deco... ▸ https://babeljs.io/docs/en/babel-plug... ▸ https://www.npmjs.com/package/blessed... ✅ 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:   / erickwendel   ▸ Blog: https://erickwendel.com.br/ ▸ Facebook: https://fb.com/page.erickwendel ▸ Medium:   / erickwendel   ▸ Twitter:   / 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