React Simplified - Beginner
Buy now
Learn more
Mindset
01 - Course Introduction
02 - React Is Hard
03 - Don't Get Discouraged
Setup
04 - What Is React
05 - Download Tools
06 - Prettier
07 - Your First React App
08 - Your First Vite React App
08.5 - Vite ESlint
Basic Components
09 - Thinking In Components
10 - JSX Basics
11 - Creating Components
12 - Props
13 - Declarative Vs Imperative
14 - Importing Non-JS Files
15 - User Card Introduction
16 - User Card Walkthrough
Basic Stateful Components
17 - useState Hook
18 - State In Class Components
19 - Input Event Listeners
20 - Array State Project
21 - Counter With Name Project Introd...
22 - Counter With Name Project Walkth...
Component Lifecycle
23 - Virtual DOM
24 - Component Lifecycle
25 - useEffect Hook
26 - useEffect Hook Exercises Introdu...
27 - useEffect Hook Exercises Walkthr...
28 - Class Component Lifecycle Methods
29 - Class Component Lifecycle Method...
30 - Class Component Lifecycle Method...
31 - StrictMode
32 - Fetching Data From An API
Advanced Components
33 - React Dev Tools
34 - Conditional Rendering
35 - Rendering Lists
36 - Fragments
37 - User List Project Introduction
38 - User List Project Walkthrough
39 - Spread Props
40 - Render Raw HTML
41 - Simple Todo List Project Introdu...
42 - Simple Todo List Project Walkthr...
Basic Hooks
43 - Hook Rules
44 - useRef Hook
45 - Refs In Class Components
46 - useMemo Hook
47 - useCallback Hook
48 - Custom Hooks
49 - useFetch Custom Hook Project Int...
50 - useFetch Custom Hook Project Wal...
51 - useArray Custom Hook Project Int...
52 - useArray Custom Hook Project Wal...
53 - useLocalStorage Custom Hook Proj...
54 - useLocalStorage Custom Hook Proj...
Forms
55 - Form Basics
56 - One Way Data Flow
57 - useState vs useRef
58 - Basic Form Validation Project In...
59 - Basic Form Validation Project Wa...
60 - Form Libraries
61 - React Hook Form Implementation
Advanced Stateful Components
62 - useReducer Hook
63 - useContext Hook
64 - Context In Class Components
65 - Local State Is Best
66 - Never Store Derived State
67 - Environment Variables
68 - Advanced Todo List Introduction
69 - Advanced Todo List Walkthrough
Routing
70 - Routing Without A Library
71 - React Router Basics
72 - Nested Routes
73 - Dynamic Routes
74 - Loaders
75 - Basic Routing Project Introduction
76 - Basic Routing Project Walkthrough
77 - Actions
78 - Advanced Routing Project Introdu...
79 - Advanced Routing Project Walkthr...
Products
Course
Section
Lesson
16 - User Card Walkthrough
16 - User Card Walkthrough
React Simplified - Beginner
Buy now
Learn more
Mindset
01 - Course Introduction
02 - React Is Hard
03 - Don't Get Discouraged
Setup
04 - What Is React
05 - Download Tools
06 - Prettier
07 - Your First React App
08 - Your First Vite React App
08.5 - Vite ESlint
Basic Components
09 - Thinking In Components
10 - JSX Basics
11 - Creating Components
12 - Props
13 - Declarative Vs Imperative
14 - Importing Non-JS Files
15 - User Card Introduction
16 - User Card Walkthrough
Basic Stateful Components
17 - useState Hook
18 - State In Class Components
19 - Input Event Listeners
20 - Array State Project
21 - Counter With Name Project Introd...
22 - Counter With Name Project Walkth...
Component Lifecycle
23 - Virtual DOM
24 - Component Lifecycle
25 - useEffect Hook
26 - useEffect Hook Exercises Introdu...
27 - useEffect Hook Exercises Walkthr...
28 - Class Component Lifecycle Methods
29 - Class Component Lifecycle Method...
30 - Class Component Lifecycle Method...
31 - StrictMode
32 - Fetching Data From An API
Advanced Components
33 - React Dev Tools
34 - Conditional Rendering
35 - Rendering Lists
36 - Fragments
37 - User List Project Introduction
38 - User List Project Walkthrough
39 - Spread Props
40 - Render Raw HTML
41 - Simple Todo List Project Introdu...
42 - Simple Todo List Project Walkthr...
Basic Hooks
43 - Hook Rules
44 - useRef Hook
45 - Refs In Class Components
46 - useMemo Hook
47 - useCallback Hook
48 - Custom Hooks
49 - useFetch Custom Hook Project Int...
50 - useFetch Custom Hook Project Wal...
51 - useArray Custom Hook Project Int...
52 - useArray Custom Hook Project Wal...
53 - useLocalStorage Custom Hook Proj...
54 - useLocalStorage Custom Hook Proj...
Forms
55 - Form Basics
56 - One Way Data Flow
57 - useState vs useRef
58 - Basic Form Validation Project In...
59 - Basic Form Validation Project Wa...
60 - Form Libraries
61 - React Hook Form Implementation
Advanced Stateful Components
62 - useReducer Hook
63 - useContext Hook
64 - Context In Class Components
65 - Local State Is Best
66 - Never Store Derived State
67 - Environment Variables
68 - Advanced Todo List Introduction
69 - Advanced Todo List Walkthrough
Routing
70 - Routing Without A Library
71 - React Router Basics
72 - Nested Routes
73 - Dynamic Routes
74 - Loaders
75 - Basic Routing Project Introduction
76 - Basic Routing Project Walkthrough
77 - Actions
78 - Advanced Routing Project Introdu...
79 - Advanced Routing Project Walkthr...
Before Code
After Code