Last year I gave a talk in HelsinkiJS and Turku ❤️ Frontend meetups titled Happy Little Accidents - The Art of Debugging (slides).
Print to console
All of the examples below are ones you can copy-paste to your developer console and starting playing around with.
One of the most underrated but definitely powerful tool is
console.log and its friends. It's also usually the first and easiest step in inspecting what might be the issue. ...
debugger keyword is a magical creature. It gives you access to the very spot with full access to local and global scope. Let's take a look at a hypothetical example with a React Component that gets some props passed down to it.
Read more at Dev.to