Full-Stack Software EngineerIntermediate8 modules~4.0 hours hands-on3 learning modes
React Foundations: Build a Task Manager
Build a complete Task Manager app while mastering semantic HTML, modern CSS layout, and React's component model with TypeScript and Tailwind CSS.
// What you'll be able to do- Prerequisites, scope, and the why
- Scaffold with Vite, TypeScript, and Tailwind
- HTML5 semantics, CSS layout systems, and the DOM
- JSX, components, props, and the virtual DOM
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionWhat we're building and why30 min
Objective — What we're building and why
Start moduleFree preview
01OrientationPrerequisites, scope, and the why30 min
Objective — Prerequisites, scope, and the why
02Project SetupScaffold with Vite, TypeScript, and Tailwind30 min
Objective — Scaffold with Vite, TypeScript, and Tailwind
03The Browser's WorldHTML5 semantics, CSS layout systems, and the DOM30 min
Objective — HTML5 semantics, CSS layout systems, and the DOM
04React FoundationsJSX, components, props, and the virtual DOM30 min
Objective — JSX, components, props, and the virtual DOM
05State & EffectsuseState, useEffect, and the component lifecycle30 min
Objective — useState, useEffect, and the component lifecycle
06Building the Task ManagerForms, lists, filtering, and composition30 min
Objective — Forms, lists, filtering, and composition
07See It RunComplete the app and ship it30 min
Objective — Complete the app and ship it
Ready to start React Foundations: Build a Task Manager?
Start with the free Module 0, then unlock the full course on a Pro plan.