How to Debug Errors in Javascript and React JS 😲🔥

#Javascript #WebDevelopment #ReactJS

🟡 Download Console Ninja PRO -

➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -

👤 Join the RoadsideCoder Community Discord -

🟪 Follow me on Instagram else your code will give errors 🤓 -

🔗 React JS Interview Series -

🔗 JS Interview Series -

🔗 Cars24 Interview Experience -

🔗 Unacademy Interview Experience -

🔗 Tazorpay Interview Experience -

🔗 MERN Stack Tutorial with Redux -

🔗 React Beginner's Project Tutorials -

-------------------------------------------------------------------------

00:00 Intro
02:41 debugger keyword to debug
03:17 Debugging Network Errors
05:06 Preventing Default Form Behaviour
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 -

Special Thanks to our members -

[RoadsideCoder]

Comment below if u wanna see more such videos!🔥

[RavindraSingh-lppl]

another super stuff from @roadside coder.. Keep posting such useful videos bro..very helpful

[kartikkaushik]

RoadSider Thor is coming will be coming with his javascript hammer

[lastspoil]

ChatGPT can debug your code if you provide it code snippets and know how to prompt.

[pankajroyals]

Bhaiya please make more videos on react interview question

[pra-te]

sir, pls make a playlist with reallife project examples on debugging topic

[memes-spark]

hi sir how to debugge without having function and
without putting debugger on a code" is'n it " possible

[heylaxman]

Please someone give me any suggestions to solve the error

[heylaxman]

Hello bro, i am trying to create chat app to watch your chat app video. But it show the duplicate error when i try to create individual chats show the error in below



error is MongoServerError: E11000 duplicate key error collection: chat-app.chats index: isGroup_1 dup key: { isGroup: "false" }. at InsertOneOperation.execute (G:\MERN stack Project\Chat Application
at
at async executeOperationAsync (G:\MERN stack Project\Chat Application {
index: 0,
code: 11000,
keyPattern: { isGroup: 1 },
keyValue: { isGroup: 'false' },
[Symbol(errorLabels)]: Set(0) {}
}


How can i solve this problem please give me suggestions Piyush bhaiya