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!


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 ( 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.

Juntao Qiu

Developer / Author / Creator