React Fundamentals: Build Modern UIs from Scratch
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.
Curriculum
- 1
Introduction to Component-Based Architecture
4 min - 2
Understanding the Virtual DOM
4 min - 3
Setting Up with Vite
3 min - 4
Mastering JSX Syntax
4 min - 5
Creating Static Components
3 min - 6
Styling Components
3 min - 7
Passing Data with Props
3 min - 8
Dynamic Movie Cards
3 min - 9
Component Composition
3 min - 10
Conditional Rendering
3 min - 11
Rendering Lists of Data
4 min - 12
The Key Prop Explained
4 min - 13
Introduction to React State
4 min - 14
Managing State with useState
3 min - 15
Building an Interactive Search Bar
3 min - 16
Handling Click Events
4 min - 17
Updating State Based on Previous State
4 min - 18
Filtering the Movie List
3 min - 19
Handling Form Submissions
3 min - 20
Controlled Components
4 min - 21
Event Bubbling and Propagation
3 min - 22
Building a Movie Filter Toggle
3 min - 23
Introduction to Side Effects
4 min - 24
useEffect Dependencies
4 min - 25
Fetching Data from an API
3 min - 26
Handling Loading States
3 min - 27
Managing Errors
3 min - 28
Cleanup Functions in useEffect
3 min - 29
Debouncing Search Input
3 min - 30
Refactoring for Clean Code
3 min - 31
Folder Structure Best Practices
4 min - 32
Extracting Custom Hooks
3 min - 33
Prop Drilling and Context API
3 min - 34
Polishing the UI
3 min - 35
Finalizing the Movie Browser
3 min - 36
Review of Component Lifecycle
4 min - 37
Review of State Management
4 min - 38
Building a Modal Component
3 min - 39
Introduction to PropTypes
3 min - 40
Performance Optimization Basics
3 min - 41
Handling Browser History
3 min - 42
Working with LocalStorage
3 min - 43
Building a Favorites List
3 min - 44
Handling Media in React
3 min - 45
Introduction to Testing
4 min - 46
Debugging React Apps
4 min - 47
Deployment Basics
3 min - 48
Using External Libraries
3 min - 49
Advanced
3 min