React: Testing and Debugging

Learn how to test, debug, and optimize your React code with tools like Jest, Chrome, ESLint, and flow.

Introduction

• Testing and debugging your React apps
• Course prerequesites

1. Setting Up

• Your test project
• An overview of your toolset
• React Developer Tools
• Jest introduction
• Type checking with flow
• Linting with ESLint

2. Testing with Jest

• Test numbers with matchers
• Test string with matchers
• Test arrays and objects with matchers
• Snapshot testing with Jest
• Organize your tests with describe()
• Code coverage reports

3. Debugging with Chrome and Extensions

• Debug with Chrome introduction
• Debug with React DevTools
• Test your network and performance
• Run an audit in Chrome
• Debug resources to find answers

4. ESLint and Types

• Code improvement with ESLint
• Type checking with Flow

Conclusion

• React Strict Mode behaviors
• Next steps