Matthieu Riegler

Software Engineer at
Angular Team, Google

Matthieu is a Software Engineer from France, born and raised in the Alps, he is known for his community contributions over the years. Active as community speaker, he recently he joined the Angular team as a Google contractor and works on the devtools, documentation and of course the framework itself.

You can do better than console.log : Debugging your apps effectively

You can do better than console.log is not a judgment - it’s a promise 🙂

This talk is a practical (and slightly opinionated) tour of debugging Angular apps without turning your codebase into a crime scene of console.log('here'). We’ll start from the familiar comfort of logging everything… and then gently move on to tools that actually scale beyond “it works on my machine”.

We’ll explore the browser DevTools and the Angular DevTools to understand what’s really happening in your app:

• Navigating the Component Tree to inspect inputs, outputs, providers, and state in real time
• Following navigation with Router Visualization instead of guessing why a route didn’t activate
• Inspecting TransferState to debug SSR and hydration issues without superstition
• Visualizing Signals and computed chains to see what updates, when, and why
• Understanding Change Detection cycles and spotting unnecessary work before performance does