Highlights

Building blocks for maintainable code

  • Clean code & Refactoring

    The course covers refactoring, a technique for improving the design and structure of existing code. This is an essential skill for developers as it allows them to maintain and improve their code over time.

  • Test-Driven Development

    The course covers TDD, a software development approach that emphasizes writing automated tests before writing code. This is a highly sought-after skill in the industry and can help students improve the quality and maintainability of their code.

  • Features from real projects

    The course includes real-world project examples, which will help students understand how to apply the concepts they are learning in a practical setting and will help them to get more confident with the material.

Course curriculum

    1. Introduction to Maintainable React

      FREE PREVIEW

    2. The most valuable outcome from completing the course

      FREE PREVIEW

    3. How to get the most out of this course

      FREE PREVIEW

    4. Introduction slides

    1. Introduction to basic ES6 features

      FREE PREVIEW

    2. ES6 - variable declarations: var, let and const

    3. ES6 - play with objects and arrays

      FREE PREVIEW

    4. Basic JavaScript ES6 features

      FREE PREVIEW

    5. Introduction to the collection API (filter, map, reduce)

    6. Collection API examples

      FREE PREVIEW

    7. Exercise - Try ES6 features in a sandbox

    8. A minimal guide to Typescript

    9. TypeScript 101

    10. Quiz - A quick JS and TS quiz

    11. React in 5 minutes

    12. Exercise - Practice writing a simple component

    1. Introduction to code smells

      FREE PREVIEW

    2. Code smell - raw JS loop and collection APIs

      FREE PREVIEW

    3. Code smells - a real-world scenario

      FREE PREVIEW

    4. Quiz - A quick code smells quiz

    1. Introduction of refactorings

    2. Top ten common refactorings explained

    3. Refactoring - Extract Function

    4. Refactoring - Boolean Parameter

    5. Refactoring - ES6 destructuring assignment

    6. Quiz - A quick refactorings quiz

    7. Refactoring - Extract Component

      FREE PREVIEW

    8. Refactoring - Move Component

    9. Exercise - a small win

    10. Demonstration of common Refactoring usages

      FREE PREVIEW

    11. 10 Most common refactorings you need every day.

    1. Benefits of having tests

    2. How to write a test?

    3. Basic usage of Jest

      FREE PREVIEW

    4. Mock and Stub in jest

      FREE PREVIEW

    5. Quiz - mock and stub

    6. Test runner + test cases + code structure

    7. Exercise - try it yourself

      FREE PREVIEW

    1. What is Test-Driven Development

      FREE PREVIEW

    2. The first TDD journey - A project effort tracker

      FREE PREVIEW

    3. The first TDD journey - Refactoring a bit further

      FREE PREVIEW

    4. How to implement task tracking with TDD

      FREE PREVIEW

    5. TDD with React component - implement a simple Header Component

    6. TDD with React Component - implement user interaction

    7. Exercise - fix the failed test and refactoring

    8. Quiz - Test-Driven Development

Maintainable React Course

  • $168.00
  • 81 lessons
  • 7 hours of video content

Elevate your React development to the next level

Stop struggling with messy code and start writing maintainable React

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.

Juntao Qiu

Developer / Author / Creator

FAQ

  • Do I need to be an experienced React developer?

    This course is not an introduction to React, but it doesn't require extensive prior experience with React or JavaScript. A section in the course ensures that participants have the necessary knowledge to fully understand and engage with the more advanced content.

  • What the most valuable part of the course?

    The primary benefit of this course is that the code smells and refactorings presented are derived from real-world React projects. Since these techniques address actual problems, participants will be able to immediately apply what they learn to their own projects and experience the benefits firsthand.

  • How to get the most of the course?

    The Maintainable React course is heavily focused on hands-on coding. In addition to watching video demonstrations, participants will be expected to complete exercises to solidify their understanding of the material. It is essential that exercises are completed as the course progresses, and participants are encouraged to apply the techniques learned in their own projects to experience the benefits firsthand.