‹ Study plans

React study plan

Components, state, effects and a first app, following the free docs on react.dev.

17 items · 6 sections · study, react, javascript, frontend

Start this checklist

JavaScript first (2)

Modern JavaScript refresher (MDN guide)developer.mozilla.org
Modules, import and exportdeveloper.mozilla.org

Describing the UI (4)

Your first componentreact.dev
Writing markup with JSXreact.dev
Passing props to a componentreact.dev
Rendering listsreact.dev

Interactivity (3)

Responding to eventsreact.dev
State: a component's memoryreact.dev
Updating objects and arrays in statereact.dev

Managing state (2)

Sharing state between componentsreact.dev
Scaling up with a reducer and contextreact.dev

Escape hatches (3)

Synchronizing with effectsreact.dev
You might not need an effectreact.dev
Reusing logic with custom hooksreact.dev

Project (3)

Do the tic-tac-toe tutorialreact.dev
Start a new app with a build tool (Vite)vite.dev
Build a to-do or checklist app and deploy it

Written from react.dev

Similar

Building AI apps with Claude: study plan

From the first API call to tools, streaming and an agent, using Anthropic's free docs.

16 itemsStart

DevOps basics study plan

Git, Linux, containers, CI and a first deploy, each step from the tool's own free docs.

15 itemsStart

Go study plan

The Go tour, modules, tests and a small web service, from go.dev only.

16 itemsStart

Python developer study plan

From first script to a tested, packaged Python project, using only the free official docs.

17 itemsStart

SQL study plan

Queries, joins, grouping, indexes and transactions, practised on PostgreSQL with its free manual.

15 itemsStart