React: an expense application lab

JavaScript · Intermediate

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.

Open interactive course →

React · Build and review an expense interface

Model expense transitions with a reducer
Derive totals from the source records.
40 min →
Make input errors understandable
Validate a boundary and give the learner a way to recover.
40 min →
Project · Handle stale requests and failed responses
A response belongs to the request that created it.
40 min →