React Fundamentals
Go from zero to shipping interactive UIs with React 19.
- 4.8 (1,284 ratings)
- 12,400 learners
- Beginner
- 5h 20m total
- Updated June 2026
What you’ll learn
- Build interactive UIs with components, props, and state
- Set up a modern React 19 + Vite workflow from scratch
- Handle events, forms, and controlled inputs confidently
- Manage side effects with useEffect the right way
- Compose complex screens from small, testable pieces
- Ship a finished project to production on Vercel
Who it’s for
React is how most product teams build interfaces today, and the fundamentals have never been smaller or clearer. You start from an empty folder, set up React 19 with Vite, and learn the handful of ideas that do most of the work: components, props, state, events and effects. Every lesson ends with something you build and run in the browser.
The whole course builds one real app, a Watchlist for the movies you want to see. You add titles through a form, mark them watched, filter the list, and keep it in localStorage so it survives a refresh. In the last section you style it with Tailwind CSS v4, deploy it to Vercel, and leave with a live URL and a clear plan for what to learn next.
- Who it’s for
- Career switchers and junior developers who know some HTML, CSS and JavaScript and want to build real interfaces with React.
- Before you start
- Comfortable JavaScript basics: variables, functions, arrays, objects, arrow functions and array methods like map and filter.
Hands-on practice
- Guided exercises: spot the bug, fill the command, order the steps.
- Build React components in a live playground — checks run as you go.
- Write JavaScript and run it in a sandbox with automatic checks.
Course content
4 sections · 18 lessons · 5h 20m total
- Why React in 20269 min
- Setting Up with Vite14 min
- Your First Component18 min
- JSX Rules of the Road17 min
- Section checkpoint5 questions
- Thinking in Components16 min
- Props In Depth21 min
- Composition Patterns19 min
- Conditional Rendering14 min
- Rendering Lists with Keys22 min
- Section checkpoint5 questions
- useState Fundamentals20 min
- Handling Events15 min
- Forms & Controlled Inputs24 min
- Lifting State Up18 min
- useEffect Essentials19 min
- Section checkpoint5 questions
- Building the Watchlist App26 min
- Styling with Tailwind17 min
- Deploying to Vercel12 min
- Where to Go Next19 min
- Section checkpoint5 questions
Your instructor
Maya Chen
Senior Frontend Engineer · Verse
- 4.7 instructor rating
- 38,400 learners
- 3 courses
Maya has spent nine years building interfaces people use every day, most recently Verse's document editor, where a slow keystroke turns into a bug report within the hour. She learned JavaScript before frameworks were the default, moved to React in 2016, and picked up React Native when Verse shipped its mobile app.
What learners say
4.8
1,284 ratings
Alicia Grant
2 months ago
I'd bounced off React twice before. The pacing here finally made components click.
Tom Nakamura
4 months ago
Short lessons, real project, zero filler. Finished it in two weeks of lunch breaks.
Fatima El-Sayed
3 months ago
Great fundamentals. I'd love a deeper section on useEffect edge cases, but it's an excellent start.
