Test-Driven Development with React

In this course, you will learn how to write automated tests for a React application and gain a solid understanding of Test-Driven Development process. By the end, you'll be able to apply TDD in your own React projects with confidence.

Enroll for free

Course curriculum

1. A message from your instructor
2. Key benefits and outcomes of completing the the course
3. How to get the most out of this course
4. Before we begin...
1. Benefits of having tests
2. How to write a test?
3. Basic usage of Jest
4. 10 Most common refactorings you need every day.
1. What is Test-Driven Development
2. TDD with React component - implement a simple Header Component
3. TDD with React Component - implement user interaction
4. Exercise - fix the failed test and refactoring
5. Quiz - Test-Driven Development
1. Setting up a local environment
2. Walk through the project structure
3. Introduce Mirage.js for mocking APIs
4. Passing parameters and handling errors with Mirage.js
1. About the Weather Application
2. Introduce weather API
3. First feature - implementing application header
4. Feature - search for a city by name
5. Feature - add a city to weather list
6. Refactoring - extract sub components
7. UI - make the search box visually appealing
8. Feature - implementing WeatherCard component
9. Feature - WeatherCard enhancement
10. UI - make the WeatherCard prettier
11. Refactoring - a final look at the implementation
1. Congrats! Here's what's next...
2. More resources for you
3. Before you go...

About this course

Free
31 lessons
2.5 hours of video content

Introduction of the course

Unlock the Power of Test-Driven Development with React

Build Stable, Reliable and Maintainable Code Today!

Enroll today

Instructor

Hi, I'm Juntao. I help people write better code. As a seasoned software developer with a passion for crafting maintainable and high-quality code, I am dedicated to helping others improve their skills. I share my knowledge and experience through various means such as authoring books like "Test-Driven Development with React" (2021) and "Maintainable React" (2022) and hosting a YouTube channel (https://www.youtube.com/@icodeit.juntao) where I share tips and best practices for writing clean code and refactoring. My goal is to empower developers to achieve their full potential and make a positive impact on the industry.