← All posts
Tutorial

How to learn React in 30 days (a realistic plan)

Forget the 'learn React in 24 hours' clickbait. Here's a day-by-day plan that respects your other commitments.

May 28, 2026 · 9 min read

Most '30-day React' plans assume you have nothing else going on. This one assumes you have a job, a life, and 90 minutes a day.

Week 1 — JavaScript foundations

If you can't write a map/filter/reduce chain in your sleep, React will feel like fighting the framework. Spend a week on modern ES syntax, destructuring, and async/await.

Week 2 — Components and state

Build three small UIs: a counter, a todo list, and a search-filterable list. Don't reach for state management — useState is enough.

Week 3 — Data fetching and routing

Wire up TanStack Query and TanStack Router. Build a small app that lists posts from a public API.

Week 4 — Ship something

Pick a real problem you have. Build the smallest version of an app that solves it. Deploy it. Share the link. That's your portfolio piece.