The Method Coder
๐ฅ Debugging Frontend Apps inside VS Code!
Xiaoru Li ๐จ๐ณ๐ฉ๐ช
ใป1 min read
Did you know that we can also debug client-side, frontend code right from VS Code, using its powerful built-in debugger? ๐คฏ
In this 94-second video, we'll use the Chrome debugger extension to debug an event handler in a React app.
Although the demo is in React, the same knowledge applies to any frontend apps! ๐ฅณ
This video is part of my new 6-minute crash course series on YouTube ๐ Debugging in VS Code ๐ฅ
ย
Like this video?
I'm also on Twitter: @hexrcs
Check out my YouTube Channel: The Method Coder
You can find me at my homepage as well: xiaoru.li
Bite-sized programming tutorials, making you a better developer one minute at a time. ๐ฉโ๐ป๐จโ๐ป
70
27
๐ช React + MobX Crash Course (in 5 pics!)
Trending on 
How to Become a Senior Developer
What's your way of publishing Node.js library for the browser? (also, introducing Rollup)
I created a Jekyll Theme in 375 Minutes ๐ฅ
Data-driven JAMstack with Sourcebit
Large Scale Geospatial Visualization with Deck.gl, Mapbox-gl and Vue.js
Syntax Highlighting Displayed In Ubuntu Terminalย Like
React Lifecycle Methods Explained
Free and Fake APIs You Can Use to Practice Front End Development
Auth With Twitter
Auth With GitHub
๐ฅ ๅๅฎณ !
๐
Awesome! I will use it.
That was awesome๐ฅ๐ฅ๐ฅ
Thanks, glad you like it!
It's super handy to debug right in the code editor, instead of popping up the devtools in the browser, head to the source panel, identify which line to set a breakpoint at...
I would appreciate your content in the article with optional external link to the video