React · Build a working foundation
Six sequenced labs covering the framework’s core workflow, input boundaries, failure handling and a practical extension. Each includes code, expected behavior and a review checklist.
Prerequisite: JavaScript functions, arrays and objects; TypeScript foundations. · 195 minutes of guided study
6 published lessons, from first principles to a small project.
Start first lesson →What you’ll be able to do
- Components, props and composition
- Events, state snapshots and updates
- Stable keys and immutable list changes
- Controlled forms and useful validation
- Derived state and searchable lists
- Project · A timer with reliable cleanup
How to study this course
Follow the numbered modules. Read the example, explain why it works, attempt the exercise, then compare your result with the supplied checks.
Setup: Use a React 19 TypeScript application. Replace App.tsx with each example. These components require a browser DOM and cannot run as plain JavaScript in the console playground.
Times estimate guided reading and practice. Projects and revision can take longer.