React: an expense application lab
Build explicit state transitions, accessible forms and resilient request lifecycles in a React project.
Prerequisite: JavaScript and TypeScript foundations · 120 minutes of guided study
Three guided project units. Requires a local React/Next.js environment; reviewed with manual checks.
Start first lesson →What you’ll be able to do
- A response belongs to the request that created it.
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 the project environment specified in each lesson. These workshops record your own review.
Times estimate guided reading and practice. Projects and revision can take longer.
Course syllabus · 3 lessons
React · Build and review an expense interface
- Model expense transitions with a reducer40 min · Project environment →
Derive totals from the source records.
- Make input errors understandable40 min · Project environment →
Validate a boundary and give the learner a way to recover.
- Project · Handle stale requests and failed responses40 min · Project environment →
A response belongs to the request that created it.