FA20 Code Sprint A: Week 04 - JavaScript & React Debugging and Problem Solving
In this video, we walk through the process of problem solving when something goes wrong when coding. We talk about what the different types of errors are and walk through a debugging check that we can use when problem solving. We walk through using the process with a broken JavaScript project and with a broken React project. Along the way, we dig deeper into the DevTools, including the Chrome Debugger and the React DevTools extension.
=== Relevant Links ===
Playlist: • FA20 Code Sprint
Next video: • FA20 Code Sprint A: Week 04 - Quiz Game in...
Broken and working versions of the JS project and React project available here: https://github.com/mikewesthad/FA20-C...
Public version of the debugging checklist document from the video: https://github.com/mikewesthad/javasc...
React Developer Tools Extension: https://chrome.google.com/webstore/de...
VS Code Chrome Debugger Extensions: https://marketplace.visualstudio.com/...
Chrome Debugger Reference: https://javascript.info/debugging-chrome