React Fundamentals
Build real React apps from scratch. Learn components, JSX, props, state and events, forms, effects and data fetching, context, custom hooks, and routing, then put it all together in a Pokedex project. Assumes you have finished JavaScript Basics and Intermediate JavaScript.
Start learning
Build real skills one lesson at a time
Explore the complete curriculum below, then start with the lesson that is right for you.
About this course
React is the most popular way to build user interfaces on the web. It lets you compose a UI out of small, reusable pieces that update themselves as your data changes.
This course builds real React apps from scratch, one concept at a time, and ends with a Pokedex capstone that ties everything together.
What you'll learn
- Components and JSX
- Passing data with props
- State and events to make UIs interactive
- Building and validating forms
- Effects and fetching data
- Sharing state with context and writing custom hooks
- Client-side routing
Prerequisites
Ready for production React? Continue with Next.js Fundamentals (opens in a new tab).
Course instructor
Brad Traversy
Founder of Traversy Media and an educator known for practical, project-focused web development courses.
Course content
Keep learning
More programming courses
Intermediate course
Tailwind CSS Basics
A project-based Tailwind CSS course covering Hello Tailwind, typography, color, borders & spacing, and flexbox layouts.
View courseAdvanced course
Next.js Fundamentals
Ship production-ready React with Next.js. Learn the App Router, file-based routing and layouts, server vs client components, data fetching, route handlers, and server actions, building a small project in every chapter. Assumes you have finished React Fundamentals.
View courseIntermediate course
TypeScript Fundamentals
Learn TypeScript from the ground up: type your variables, functions, objects, and arrays, and let the compiler catch mistakes before your code ever runs.
View course