Course catalog

React Applications

Build accessible, stateful interfaces with real React and TypeScript.

Intermediate
18 lessons
3 projects
About 3h
EN · UZ · KO

Write and run real JSX and TSX with pinned React 19 in Koda's offline sandbox. Build typed components, compose props and children, manage state and controlled forms, reason about effects and stale data, route with browser history, and verify behavior through DOM assertions. Three executable projects culminate in an accessible issue-board client with owner-shaped rules and an independent portfolio mode.

Start with a preview lesson Compare all plans

Curriculum

Section 1
Components & Props
Describe UI with typed components, composition, stable keys, and accessible semantics.
1. Your First Real Component
2. JSX Describes UI
3. Typed Props Are Contracts
4. Compose with Children
5. Lists, Keys & Semantics
Section 2
State, Events & Forms
Model interactions with state snapshots, event handlers, controlled input, and derived values.
1. State Is a Snapshot
2. Events Describe Intent

Learning paths

Full-Stack Web Developer

Build and share a tested full-stack React app: a screen everyone can use, data only its owner can see, APIs with clear limits, realtime updates that stay correct, and deploys you can roll back.

14 course sequence

Try one lesson. Then build the habit.

Eligible first-time members can get 7 free days · Cancel anytime

Get started

Back to courses

React Applications

Curriculum

Components & Props

State, Events & Forms

Learning paths

Full-Stack Web Developer

Try one lesson. Then build the habit.

Effects, Data & Recovery

Routing, Testing & Delivery