AI-powered learning
Save this course
Test-driven Development with React
Gain insights into Test-driven Development with React. Learn unit and integration testing using Jest and Enzyme, and explore tools like ESlint, Prettier, Babel, Webpack, and Travis CI.
5.0
58 Lessons
17h 30min
Updated 1 month ago
Join 3 million developers at
Join 3 million developers at
LEARNING OBJECTIVES
- Apply the red-green-repeat TDD cycle to develop and refactor React code with rapid feedback
- Set up a Node/npm project and run Jest via npx and npm scripts with lockfiles for consistency
- Write and run Jest unit tests using suites, assertions, watch mode, and coverage flags
- Configure VS Code with ESLint, Prettier, and Wallaby for live linting, formatting, and test feedback
- Build and test React components with Enzyme (shallow/mount), including props, children, and state
- Test styled-components using jest-styled-components, style assertions, and Jest snapshot testing
- Implement and test higher-order components and the controllable pattern, including mocked timers
Learning Roadmap
1.
Before We Begin
Before We Begin
Learn how to use TDD with React, focusing on joyful coding and unit tests.
2.
Test-Driven Development with Jest
Test-Driven Development with Jest
Get started with TDD in React using Jest for efficient testing and rapid feedback.
3.
Integrated Tooling with VS Code
Integrated Tooling with VS Code
10 Lessons
10 Lessons
Examine VS Code's features, integrating ESLint, Prettier, and Wallaby for a streamlined, customizable TDD environment.
4.
Testing React with Enzyme
Testing React with Enzyme
11 Lessons
11 Lessons
Break down complex ideas to test React components using Enzyme, Jest, Babel, and more.
5.
Styling in JavaScript with Styled-Components
Styling in JavaScript with Styled-Components
11 Lessons
11 Lessons
Take a closer look at using styled-components, webpack, and Jest for efficient React styling and testing.
6.
Refactoring with Higher-Order Components
Refactoring with Higher-Order Components
7 Lessons
7 Lessons
Investigate refactoring React components using Higher-Order Components for enhanced functionality and maintenance.
7.
Continuous Integration and Collaboration
Continuous Integration and Collaboration
7 Lessons
7 Lessons
Master the steps to enhance continuous integration, collaboration, and documentation using GitHub, Travis CI, and Storybook.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
This course is a deep dive into testing in React. You will learn unit testing and integration testing using tools such as Jest and Enzyme. You will also learn about other tools such as ESlint, Prettier, Babel, Webpack, and Travis CI that add convenience for coding and testing.
ABOUT THE AUTHOR
The Pragmatic Programmers
We create timely, practical books and learning resources on classic and cutting-edge topics to help you practice your craft and accelerate your career.
Trusted by 3 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
