How to Debug Errors in Javascript and React JS 😲🔥
#Javascript #WebDevelopment #ReactJS
How to debug bugs and errors in your Javascript and React JS Apps by using tools like console.log(), chrome dev tools, vs code debugger and VS Code extensions like console ninja.
🟡 Download Console Ninja PRO -
https://console-ninja.com/?referrer=r...
➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
/ discord
🟪 Follow me on Instagram else your code will give errors 🤓 -
/ roadsidecoder
🔗 React JS Interview Series -
• Frontend Machine Coding Interview Que...
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Algorithms in Jav...
🔗 JS Interview Series -
• Javascript Interview Questions ( Var,...
🔗 Cars24 Interview Experience -
• Frontend Interview Experience (Cars24...
🔗 Unacademy Interview Experience -
• Frontend Interview Experience (Unacad...
🔗 Tazorpay Interview Experience -
• Frontend Interview Experience (TazorP...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tutorial with Redu...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutorials 🔥🔥
-------------------------------------------------------------------------
00:00 Intro
00:28 console.log to debug
02:41 debugger keyword to debug
03:17 Debugging Network Errors
05:06 Preventing Default Form Behaviour
06:05 When console.log is not useful
06:36 Chrome Dev Tools Debugger
08:02 VS Code Debugger
09:09 The Awesome Debugging tool
09:37 Console Ninja Extension
11:02 Debugging React JS Apps
11:14 Used Variable instead of state
12:04 Display state values using Console Ninja
13:05 Display useEffect deps with Console Ninja
13:53 No Return Keyword
14:47 Display Data changes in realtime
16:04 Outro
-------------------------------------------------------------------------
⭐ Support the channel -
/ @roadsidecoder
Special Thanks to our members -