React Beginner Challenges - 25 Debugging Exercises

Never get stuck on bugs again! Master debugging and 25 scenarios with React, Redux, Material-UI, React-Select and more!

4.45 (58 reviews)
Udemy
platform
English
language
Web Development
category
instructor
567
students
5.5 hours
content
Jan 2021
last update
$54.99
regular price

What you will learn

Solve any React bug with 5 simple steps

Understand how code works without being an expert

Master must-know tools for JavaScript developers

Dive into open-source libraries like Redux and Material UI

Practice with 25 Beginner to Advanced React Debugging Exercises

Go-at-your-own pace with coding exercises that require no installation

Find and fix source code with Chrome DevTools

Troubleshoot network requests

Fix weird or unfamiliar bugs quickly and painlessly

Description

Instantly Understand How Your React Application Really Works!

A Complete Guide to Debugging JavaScript and React

Dear student,

Web Development is hard.

Really hard.

Like, pulling your hair out, getting stuck for days or just giving up and finding another career hard.

And, there's really only one reason for that:

The exact set of skills to be successful in the real world isn’t documented anywhere.

There is one skill that developers almost never share:

What to do when you get stuck on an error message or bug?

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 its 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!

Content

Introduction to React Beginner Challenges

Why take this course? What's the point of debugging?
Course Introduction & Instructions
Unlocking the Challenges
Links to All Challenges

How to Debug JavaScript / React Applications

The React Debugging Strategy Guide
The #1 Mistake Beginners Make Writing Code
Chrome DevTools
Chrome DevTools part 2
React Developer Tools
Conditional Breakpoints & Watch Expressions
Console.log Complete Guide
Console.time
Console.table
Debugging Mobile Responsiveness
DOM Breakpoints
Pause Exceptions
Common Bug: Error is not a function
Common Bug: Error property of undefined

25 React Challenges - Solutions

Challenge 1
Challenge 2
Challenge 3
Challenge 4
Challenge 5
Challenge 6
Challenge 7
Challenge 8
Challenge 9
Challenge 10
Challenge 11
Challenge 12
Challenge 13
Challenge 14
Challenge 15
Challenge 16
Challenge 17
Challenge 18
Challenge 19
Challenge 20
Challenge 21
Challenge 22
Challenge 23
Challenge 24
Challenge 25
Conclusion

Screenshots

React Beginner Challenges - 25 Debugging Exercises - Screenshot_01React Beginner Challenges - 25 Debugging Exercises - Screenshot_02React Beginner Challenges - 25 Debugging Exercises - Screenshot_03React Beginner Challenges - 25 Debugging Exercises - Screenshot_04

Reviews

Luis
October 20, 2022
Very good source of information, examples are clear...the examples used might be simple but how to find out what's happening behind the scenes by showing how and what to look for while you're debugging is very enlightening.
Nagendra
May 30, 2022
This course is amazing for those who are willing to debug react apps. The course length is not huge which would be a disappointment. Before starting this course we need not only basic react knowledge but also need knowledge of material UI. The amazing section of this course is the bonus section from that we can get some very useful knowledge. Thank You!
Kurt
September 15, 2021
This instructor is definitely an amateur at teaching and creating videos, he likes to type in places that is not visible on the screen, showing things half cropped and love to rush an explanation and sometimes even just neglect all of it and give the answer. Please save your time and don't buy this course...
Akim
July 4, 2021
I'm learning a lot of very useful things. Definitely a good course if you want to demystify the developer tools.
Sean
April 18, 2021
Learned some new things. I guess this might be more for beginners to React. I thought I would learn more. Some of the challenge explanations felt a bit rushed too.

Charts

Price

React Beginner Challenges - 25 Debugging Exercises - Price chart

Rating

React Beginner Challenges - 25 Debugging Exercises - Ratings chart

Enrollment distribution

React Beginner Challenges - 25 Debugging Exercises - Distribution chart
3066020
udemy ID
4/29/2020
course created date
11/21/2020
course indexed date
Bot
course submited by