Angular DevTools

on YouTube ↗02m

" summary

A Chrome extension called Angular DevTools previews an app’s component tree inside DevTools, shows metadata and lets inputs and outputs be edited live, and includes a profiler that records change detection cycles as bars with timing, estimated frame rate, and flags for frame drops. The profiler surfaces which components consume most time, gives per-cycle details, and offers alternate visualizations such as a flame graph and a "dream app" view.

AI-written summary · about

" related talks

• 29mApprehending Your App with AuguryShmuela Jacobs · NG-NL 2017
• 17mAngular BatScannerDouglas Duteil · ng-europe 2016
• 23mAccelerating developer experience in Angular -JSWORLD 2023Simona Cotin · JSworld Conference 2023
• 07mMaking your life better with AuguryShmuela Jacobs · AngularUP 2016
• 21mDebugging Angular Ivy Applications - DevTools To Our Help! 💪🏼Daniel Tamir · AngularUP Experience 2020
• 45mWhat's New with AngularEmma Twersky · DevReach 2022
• 31mAngular Performance: Your App at the Speed of LightChristian Liebel · NG-DE Conference 2019
• 18mMad science with the Angular CompilerMinko Gechev · ng-conf 2017