❦In memory of Saber Rastikerdar — creator of · Vazirmatn, the open typeface he gave the Persian web and asked nothing for.
Frontend Engineering

Appearance

React Developer — Learning Path ​

A developer who knows JavaScript and wants to build production React applications.

Level: Intermediate · Required: 116 articles (~25.1 h) · Optional: 35 articles (~7.7 h)

Difficulty of required articles: Intermediate 109 · Advanced 7.

Follow the sections in order. Articles link into docs/; each shows its difficulty and estimated reading time. Full prerequisites for any article are in its domain's graph.json (see GRAPH.md).

Milestones ​

  1. Master hooks, effects, and the rendering/commit model
  2. Choose the right state category (server, client, URL, form)
  3. Cache and mutate server data with revalidation and optimistic updates
  4. Structure routes, layouts, and route-level data loading
  5. Design clean, composable component APIs

Expected skills ​

By completing the required articles you should be able to:

  • Idiomatic, performant React with modern patterns
  • Correct separation of server vs client state
  • Data fetching, caching, and mutations
  • Component and routing architecture

Required articles ​

React ​

Rendering Architectures ​

Routing ​

State Management ​

Data & Server State ​

Component & Interaction Design ​

Forms & Validation ​

Optional articles ​

Reactivity & Framework Models ​

TypeScript ​

Testing & Quality ​

Performance Engineering ​

Accessibility ​

← All learning paths · Knowledge Map · Dependency Graph

Peer-reviewed engineering decisions · MIT licensed

Frontend Engineering