React Beginner Challenges - 25 Debugging Exercises
Be the bug detective! Practice 25 React exercises and learn to debug JavaScript like a pro.
Watch Promo
Dear student,
The exact set of skills to be successful in the real world isn’t documented anywhere.
After collecting data on 2 years of course enrollments, we found that over 90% of our questions could have been resolved if the student had learned basic JavaScript and React debugging.
Many students want to dive head first into React development. They follow a code-along tutorial but then inevitably are stuck forever and give up when the instructor doesn’t answer their question.
If you ever ran into a broken application and no idea what to do, and struggled to find help.. This course is for you!
Introducing our new course:
React Beginner Challenges - 25 Debugging Exercises
Unlike our other courses, here we do not rush into building an application. Instead, we first review a complete guide to debugging React and JavaScript applications.
By “complete" debugging strategy, we mean that seriously. Every tool or skill that you need to debug frontend applications is found in this course:
- Find and fix source code with a full overview of Chrome DevTools
- Understand how to track down where error messages come from and what they mean
- How to examine the state of your React app from any point in your app
- Easily find and research any JavaScript or React library
- How to debug Material UI, Redux, charting libraries, and more
Best of all, in this course, we created 25 debugging exercises to test your skills. Each exercise comes with it’s own CodeSandbox link so you can jump into debugging for yourself. So you don’t need to install anything to run the exercises in this course.
I’m confident that if you take even half of this course, you will stop struggling with bugs and focus on actually building applications!
Note: This course assumes you already know some very basic information about React. It shouldn't be your very first React tutorial. It's ideal for beginners who have just started out and are either stuck or struggling with a project.
Access 25 Debugging Challenges with complete video solution tutorials
With these 25 bugs, you'll get more than enough practice solving real-world issues.
Eliminate your fear of React errors and bugs!
Course Curriculum
-
StartThe React Debugging Strategy Guide (13:03)
-
StartThe #1 Mistake Beginners Make Writing Code (2:06)
-
StartChrome Devtools (15:01)
-
StartChrome Devtools Part 2 (9:33)
-
StartReact Reveloper Tools (9:28)
-
StartConditional Breakpoints & Watch Expressions (4:56)
-
PreviewConsole.log Complete Guide (11:07)
-
StartConsole.time (3:16)
-
StartConsole.table (6:15)
-
StartDebugging Mobile Reponsiveness (3:09)
-
StartDOM Breakpoints (12:13)
-
StartPause Exceptions (2:05)
-
StartCommon Bug: Error is not a function (8:59)
-
StartCommon Bug: Error property of undefined (2:33)
-
PreviewChallenge 1 - What's the password? (7:27)
-
StartChallenge 2 - App is crashing (4:46)
-
StartChallenge 3 - Objects are not valid (4:06)
-
StartChallenge 4 - Screen is blank (2:38)
-
StartChallenge 5 - Set color button (7:24)
-
StartChallenge 6 - React-select doesn't work (16:34)
-
StartChallenge 7 - Add user input doesn't work (11:07)
-
StartChallenge 8 - Can't type users in (8:42)
-
StartChallenge 9 - Can't remove child (11:12)
-
StartChallenge 10 - Cannot fetch async cat (8:47)
-
StartChallenge 11 - Names set at same time (6:37)
-
StartChallenge 12 - Github card data missing (8:49)
-
StartChallenge 13 - Logging characters pressed (4:14)
-
StartChallenge 14 - Height is not correct (7:22)
-
StartChallenge 15 - Text cut off on mobile (5:23)
-
StartChallenge 16 - Can't select Material UI option (8:05)
-
StartChallenge 17 - Can't increment Redux counter (11:15)
-
StartChallenge 18 - App breaks on button press (4:08)
-
StartChallenge 19 - What's the password v2.0 (7:09)
-
StartChallenge 20 - Fixing Minesweeper (10:28)
-
StartChallenge 21 - Unauthorized (2:26)
-
StartChallenge 22 - Can't set theme (5:35)
-
StartChallenge 23 - Chart color not correct (8:40)
-
StartChallenge 24 - Date formatting (11:24)
-
StartChallenge 25 - Fixing Material UI Form (29:56)