1 Start with the official React docs, not a course
The new React documentation at react.dev is genuinely good. It was rewritten in 2023 and teaches modern React with hooks, not the old class-based style you'll find in half the YouTube videos. Read the 'Quick Start' and 'Tutorial: Tic-Tac-Toe' sections before you do anything else. I know that sounds boring. Do it anyway — it takes three hours and saves you from learning the wrong thing first.
2 Set up your environment in under 20 minutes
Use Vite, not Create React App. Create React App is slow and officially unsupported now. Run 'npm create vite@latest my-app -- --template react' and you'll have a working project in five minutes. You need Node.js installed first — get the LTS version from nodejs.org. VS Code is the editor and it's free.
3 Learn state management before you think you need it
State is the data your app remembers — like whether a button was clicked or what's in a shopping cart. React's built-in useState hook handles most of this. When your app gets bigger, Zustand is the library I'd recommend — it's tiny, simple, and the docs are one page long. Avoid Redux until someone who is paying you asks for it by name.
4 Build something dumb and deploy it
The fastest way to actually learn React is to ship something — anything. A weather app, a to-do list, a quiz about Florida birds. Doesn't matter. Deploy it to Vercel for free. The act of making something publicly available changes how seriously you treat the work. I built a broken tip calculator and learned more from fixing the bugs than from any tutorial.
5 Add Tailwind CSS and stop arguing about styling
Styling in React will eat you alive if you let it. Tailwind CSS lets you write styles directly in your HTML-like JSX without switching files constantly. It sounds weird and looks ugly in the code until suddenly it clicks and you never want to go back. The Tailwind docs have a React setup guide that takes about ten minutes.
6 Graduate to Next.js when React feels comfortable
Next.js is React with extra features baked in — routing, server-side rendering, and easier deployment. Most React jobs in 2024 expect at least some Next.js familiarity. The official Next.js tutorial is free and solid. Give yourself a few weeks of pure React first so the additional concepts don't blur together.
React is a skill, not a subject — you learn it by building things that break and then figuring out why.
isnotbadforyou.com/react · A North Port neighbor's honest take
This page may contain affiliate links. If you buy something through them, we earn a small commission at no extra cost to you. We only recommend things we'd use ourselves.