HomeCoursesTest-driven Development with React

Updated 27 Aug

AI-powered learning

Save

Test-driven Development with React

Name: Test-driven Development with React
Price: 59 USD
Author: The Pragmatic Programmers

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

Created by The Pragmatic Programmers

What's included

58 lessons across 8 modules
6 quizzes with instant feedback
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

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

58 Lessons6 Quizzes

Before We Begin

Learn how to use TDD with React, focusing on joyful coding and unit tests.

What Is This Course About?

A Few Tips to Enjoy the Course Better

Test-Driven Development with Jest

Get started with TDD in React using Jest for efficient testing and rapid feedback.

Why Test-Driven Development and Jest

Node and npm

Running Jest with npx and npm

Your First Test

Why Use Test-Driven Development

Running Tests Automatically and Code Coverage

Git with Test-Driven Development

Mantra

Test Yourself on Test-Driven Development with Jest.

Integrated Tooling with VS Code

10 Lessons

Examine VS Code's features, integrating ESLint, Prettier, and Wallaby for a streamlined, customizable TDD environment.

Testing React with Enzyme

11 Lessons

Break down complex ideas to test React components using Enzyme, Jest, Babel, and more.

Styling in JavaScript with Styled-Components

11 Lessons

Take a closer look at using styled-components, webpack, and Jest for efficient React styling and testing.

Refactoring with Higher-Order Components

7 Lessons

Investigate refactoring React components using Higher-Order Components for enhanced functionality and maintenance.

Continuous Integration and Collaboration

7 Lessons

Master the steps to enhance continuous integration, collaboration, and documentation using GitHub, Travis CI, and Storybook.

Conclusion

Sharpen your skills in React testing and explore further learning resources.

Where To Go From Here

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE 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.

Learn more about The

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Understanding Redux: A Beginner's Guide To State Management

Gain insights into Redux fundamentals, explore application-based problems, and discover how to effectively manage state in React environments with this beginner's guide to state management.

12 h

beginner

Course

Next.js - The ultimate way to build React apps

Gain insights into building ultra-fast React apps with Next.js. Delve into application creation, static optimization, and SEO practices a giphy search app using the giphy.com API.

5 h

intermediate

Course

Learn React 19: The Complete Guide to Modern Web Apps

Start from the basics and become a confident React 19 developer by building fast, real-world UIs while learning scalable architecture, async UI patterns, performance optimization, and projects.

29 h

beginner

Course

Learn Node.js

Learn backend development with Node.js, covering HTTP servers, databases, JWT, WebSockets, and more. Consolidate your skills in a capstone project by building a RESTful API for a practical use case.

3 h 24 m

beginner

Course

Angular: Designing and Architecting Web Applications

Gain insights into designing scalable Angular applications. Learn about components, directives, routing, RXJS, forms, and Firebase authentication to develop rich, interactive web solutions.

20 h

beginner

Course

Web Development: Unraveling HTML, CSS, and JavaScript

Explore HTML, CSS, and JavaScript fundamentals. Gain insights into forms, controls, OOP in JavaScript, and key CSS patterns. Create responsive, stylized, and performant web applications.

20 h

beginner

Course

Grokking Bit Manipulation for Coding Interviews

The ultimate guide to bit manipulation for coding interviews. Developed by FAANG engineers, practice with real-world interview questions, and get interview-ready in just a few hours.

3 h

intermediate

Course

Optimize your web projects with Progressive Web Apps

Explore PWAs with service workers, caching, and benefits. Build real-world Angular apps, deploy via Firebase, and optimize web solutions for efficiency.

5 h

beginner

Course

Understanding Redux: A Beginner's Guide To State Management

beginner

12 hour

Course

Next.js - The ultimate way to build React apps

intermediate

5 hour

Course

Learn React 19: The Complete Guide to Modern Web Apps