Learn React
Learn React online through our comprehensive course. Build user interfaces with components and state using the industry-standard UI library.
Curriculum
01React Fundamentals
Introduction to React
Learn what React is and how it differs from traditional vanilla JavaScript.
React vs Traditional JavaScript
Understand the mental shift from imperative to declarative programming.
Creating Your First Component
Learn how to write a basic React component.
JSX Fundamentals
An introduction to JavaScript XML (JSX).
JSX Expressions
Using JavaScript variables and expressions inside JSX.
JSX Attributes
How to pass attributes to HTML elements in JSX.
Components and Composition
Building complex UIs from small building blocks.
02Props and Data
Understanding Props
What are props and why do we need them?
Passing Props
How to pass data into components.
Props Destructuring
A cleaner way to read props using JavaScript destructuring.
Component Composition (Children)
Passing nested content using the children prop.
Reusable Components
Designing components for maximum reusability.
Default Values
Handling missing props with default values.
03State and Events
Introduction to State
Understanding what state is and why normal variables don't trigger updates.
useState
Using the useState hook to add state to functional components.
Updating State
Triggering re-renders by updating state.
Event Handling
Listening to user interactions.
Forms and Inputs
Handling user input in forms.
Controlled Components
Synchronizing input fields with React state.
04Rendering
Conditional Rendering
Rendering different UI based on state.
Rendering Lists
Transforming arrays of data into arrays of components.
Keys
Helping React track list items efficiently.
Dynamic UI
Putting state, events, and list rendering together.
Working with Arrays and Objects
The golden rule of immutable state updates.
05React Hooks
Explore the React Ecosystem
Continue learning React
Access all React lessons and tutorials.
Practice React exercises
Apply your knowledge with interactive coding challenges.
Test your knowledge with React quizzes
Check your understanding with multiple-choice questions.
Build React projects
Create real-world applications from scratch.
Try React in the playground
Write and execute React code instantly in your browser.
Browse the React reference
Quickly look up syntax, methods, and properties.