React Simplified

Beginner Course

Mindset

React Is Hard
4:29

Setup

What Is React
3:20
Download Tools
1:55
Prettier
3:10
Your First React App
7:43
Your First Vite React App
6:12
Vite ESlint
3:43

Basic Components

JSX Basics
15:17
Creating Components
9:37
Props
13:37
Declarative Vs Imperative
5:03
Importing Non-JS Files
3:04

Basic Stateful Components

useState Hook
21:06
State In Class Components
8:29
Input Event Listeners
4:07
Array State Project
15:34
Counter With Name Project Introduction
1:05
Counter With Name Project Walkthrough
6:44

Component Lifecycle

Virtual DOM
5:34
Component Lifecycle
2:23
useEffect Hook
14:22
useEffect Hook Exercises Introduction
2:31
useEffect Hook Exercises Walkthrough
6:50
Class Component Lifecycle Methods
5:40
Class Component Lifecycle Methods Exercises Introduction
0:32
Class Component Lifecycle Methods Exercises Walkthrough
5:38
StrictMode
6:21
Fetching Data From An API
9:07

Advanced Components

React Dev Tools
8:12
Conditional Rendering
6:16
Rendering Lists
7:29
Fragments
2:48
User List Project Introduction
1:53
User List Project Walkthrough
7:28
Spread Props
1:52
Render Raw HTML
2:13
Simple Todo List Project Introduction
2:14
Simple Todo List Project Walkthrough
11:20

Basic Hooks

Hook Rules
5:24
useRef Hook
7:28
Refs In Class Components
2:00
useMemo Hook
6:03
useCallback Hook
5:04
Custom Hooks
7:04
useFetch Custom Hook Project Introduction
2:41
useFetch Custom Hook Project Walkthrough
8:31
useArray Custom Hook Project Introduction
1:56
useArray Custom Hook Project Walkthrough
8:48
useLocalStorage Custom Hook Project Introduction
2:44
useLocalStorage Custom Hook Project Walkthrough
6:35

Forms

Form Basics
6:14
One Way Data Flow
3:17
useState vs useRef
3:45
Basic Form Validation Project Introduction
3:21
Basic Form Validation Project Walkthrough
22:27
Form Libraries
6:56
React Hook Form Implementation
18:11

Advanced Stateful Components

useReducer Hook
20:40
useContext Hook
9:22
Context In Class Components
3:15
Local State Is Best
7:38
Never Store Derived State
8:19
Environment Variables
5:56
Advanced Todo List Introduction
2:39
Advanced Todo List Walkthrough
25:13

Routing

Routing Without A Library
6:23
React Router Basics
8:32
Nested Routes
18:13
Dynamic Routes
11:01
Loaders
9:20
Basic Routing Project Introduction
6:51
Basic Routing Project Walkthrough
54:24
Actions
17:01
Advanced Routing Project Introduction
3:25
Advanced Routing Project Walkthrough
32:37
Bonus Project Video List
Back To Landing Page