Learn React from zero — components, props, state, and hooks — by building real UI.
What you'll learn
Build component-based UIs with props, state, events, lists, and forms, use the core hooks (useState, useEffect), and fetch and render API data.
Who it's for
Frontend developers new to React.
Prerequisites
HTML, CSS, and modern JavaScript (ES6).
A from-scratch introduction to React and component-driven UI development.
Creating Static Components
Styling Components
Passing Data with Props
Dynamic Movie Cards
Component Composition
Conditional Rendering
Rendering Lists of Data
The Key Prop Explained
Introduction to React State
Managing State with useState
Building an Interactive Search Bar
Handling Click Events
Updating State Based on Previous State
Filtering the Movie List
Handling Form Submissions
Controlled Components
Event Bubbling and Propagation
Building a Movie Filter Toggle
Introduction to Side Effects
useEffect Dependencies
Fetching Data from an API
Handling Loading States
Managing Errors
Cleanup Functions in useEffect
Debouncing Search Input
Refactoring for Clean Code
Folder Structure Best Practices
Extracting Custom Hooks
Prop Drilling and Context API
Polishing the UI
Finalizing the Movie Browser
Review of Component Lifecycle
Review of State Management
Building a Modal Component
Introduction to PropTypes
Performance Optimization Basics
Handling Browser History
Working with LocalStorage
Building a Favorites List
Handling Media in React
Introduction to Testing
Debugging React Apps
Deployment Basics
Using External Libraries
Advanced