Overview

Todo apps are a great way to learn a new language or framework. We teach this course with more than React.

There is also a Svelte version of this course.

A high-level overview of the things that this course will teach you:

Good Project Setup for React (Vite, TypeScript, ESLint, Prettier, Husky, Lint Staged)
Component Composition
Testing with Vitest and React Testing Library

The GitHub repo for this course is here.

Summary

We covered many things in this system design. Though we were focusing on "Dynamic Pricing Page", we showed you the fundamental concept that can be used in various situations.

Project Setup

A setup you won't forget.