Making your life better with Augury

on YouTube ↗07m

" summary

Augury is a Chrome extension written in Angular that visualizes component trees, router/auxiliary routes and highlights what changed using change detection. The demo shows live-editing of component inputs to jump a timer to 10 seconds, reproducing a bug where a setter flag stays false, then jumping to the component’s event handler and using view source to inspect the offending code. Open source, ready for contribution, and aimed at speeding real debugging tasks.

AI-written summary · about

" related talks

• 29mApprehending Your App with AuguryShmuela Jacobs · NG-NL 2017
• 02mAngular DevToolsMinko Gechev · Google I/O 2021
• 17mAngular BatScannerDouglas Duteil · ng-europe 2016
• 36mLet Your Angular Code Write ItselfUri Shaked · AngularUP 2018
• 23mDebugging Like a Boss in Angular 9Anthony Humes · ng-conf 2020: Hardwired
• 28mA hero's guide to developing with Chrome Dev ToolsLucas de Carvalho Bueno Santos · code.talks 2019
• 26mAMA with Igor Minar and Shmuela JacobsIgor Minar, Shmuela Jacobs · ReactiveConf 2018
• 31mHow do new Angular features improve developer experience?Simona Cotin · NG-DE Conference 2022