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

Developer / Author / Creator Juntao Qiu

Hi, I’m Juntao — a seasoned software developer focused on clean architecture, performance, and frontend system design. I’ve seen how messy state, poor data flows, and short-sighted rendering decisions can sink projects, and my mission is to help developers avoid those traps. Through my books Test-Driven Development with React (2021), Maintainable React (2022), and React Anti-Patterns (2024), as well as my YouTube channel I Code It, I share practical techniques for refactoring, testing, and building scalable frontend applications. My goal is simple: to help you think like a system designer, not just a feature builder, and grow into a confident senior-level engineer.

Other courses