How to Debug Errors in Javascript and React JS 😲🔥
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- #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 -
console-ninja.com/?referrer=r...
➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
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 Codin...
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
🔗 JS Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tut...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
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 -
Comment below if u wanna see more such videos!🔥
➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder
🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/
another super stuff from @roadside coder.. Keep posting such useful videos bro..very helpful
Really Awesome stuff, waiting for it
RoadSider Thor is coming will be coming with his javascript hammer
🤣
@@RoadsideCoderjh😅h8bjpjhtkk🤬ihp
need more video like this
hi sir how to debugge without having function and
without putting debugger on a code" is'n it " possible
Good job
Thanks
wow new topic
ChatGPT can debug your code if you provide it code snippets and know how to prompt.
that will not teach you
@@arkansavalder I already know how to code and debug, this is for the real world when you need to move fast 💨
Bhaiya please make more videos on react interview question
sir, pls make a playlist with reallife project examples on debugging topic
Awesome
One more for ts please
👍
Please someone give me any suggestions to solve the error
Kya error hai?
🎉❤
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 MERN\backend
ode_modules\mongodb\lib\operations\insert.js:48:19)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async executeOperationAsync (G:\MERN stack Project\Chat Application MERN\backend
ode_modules\mongodb\lib\operations\execute_operation.js:106:16) {
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