Learn how to test, debug, and optimize your React code with tools like Jest, Chrome, ESLint, and flow.
- [Instructor] Have you ever felt lost or frustrated while working on the React project? Unable to figure out what's wrong with your application code? Most likely, you've got a bug. Maybe you're just getting started, have little or no experience debugging a React application, or maybe your code is really complex and you find that you're close to giving up. Well, despair no more, as I'm here to introduce you to several tools that will help you understand specifically what's gone wrong and what you can do to fix it. Hi, I'm Manny Henri, and I've been working with React since it was introduced, and I'm here to help you in your quest for bug extermination.
In this course, we'll first set up all the tools we need, we'll explore testing with Jess, and we'll run some example tests, create a snapshot, and do coverage reports. Next, we'll go over the Chrome and React DevTools and how we can find the source of our bugs and resolve them. Finally, we'll improve code syntax, bug prevention, and performance, by using type checking, ESLint, and our DevTools. So, if you're ready to exterminate these annoying bugs, open your favorite text editor and let's get started.
- Setting up for React testing and debugging
- Testing with Jest
- Snapshot testing
- Debugging with Chrome and Chrome extensions
- Optimizing React code and app performance