Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Redux with React JS: Learn Redux with Modern React JS
Redux with React
What We Will Learn (2:14)
Project Files
Context API
Section Overview (0:46)
Why State Management Libraries Are Needed (4:07)
Context API (3:54)
Stages of Using the Context API (1:38)
Let’s Start Using the Context API (12:03)
Context Provider (9:42)
Data Management (11:07)
Creating Multiple Context (10:03)
LocaleStorage (12:42)
Using Custom Hooks (9:08)
Quiz
useReducer
Section Overview (1:06)
What is useReducer (3:38)
Project Setup (12:16)
useReducer (10:48)
Let's Start Using the Reducer Function (9:00)
Counter Reducer (11:37)
Quiz
Context API Project
Project Introduction and API Source (4:27)
Section Overview (1:30)
Project Setup and File Structure (13:00)
Creating the Route Structure (4:05)
Header and Navbar (17:11)
Search Page (10:01)
News Card (10:00)
Home Page (12:13)
Context and Theme (11:46)
Slider (11:34)
Categories Page (12:34)
Filtering by Country (6:00)
Data Extraction With Custom Hook (18:21)
Redux
Section Overview (3:53)
Redux (2:45)
Redux Folder (9:10)
Counter Component and createStore (4:34)
useDispatch and useSelector (6:12)
How to Use Folders With Redux (10:51)
combineReducer (10:34)
Todo Component (11:51)
Todo Reducer (14:35)
Clear Action (5:23)
Quiz
Redux Toolkit
Redux Toolkit (3:02)
Section Overview (0:50)
Let’s Start Using Redux Toolkit (14:46)
Using Actions in Redux Toolkit (7:37)
Todo Example (6:01)
Todo Slice (6:07)
addTodo & deleteTodo (5:03)
What is Redux Thunk (9:10)
Let’s Start Using Thunk in Redux Toolkit (15:15)
Post Component (11:04)
Redux Toolkit Project
Creation of File Structure (8:21)
Project Introduction (3:03)
Route Structure and Navbar (11:21)
Login Page (8:18)
authSlice (12:01)
NewsSlice (11:06)
News Page and Card Structure (11:01)
What we did in this Application (5:53)
React Router v6.4+
Setting up a file structure (9:14)
Section Overview (1:00)
React Router v6.4+ (5:26)
Building the App Layout & Nested Routes (9:00)
Fetching data with loaders (12:00)
useNavigation (3:54)
Error Handling (6:36)
Dynamic Path (12:07)
Quiz
Redux Toolkit With React Router v6.4+
Section Overview (1:18)
Project Introduction and API Resource (2:40)
Creation of the Project With Vite (9:26)
Creating the Folder Structure (7:13)
Creation of Route Structure (10:38)
Navbar (6:32)
Login Page (5:04)
Manage User State With Redux Toolkit (7:12)
Manage Movies Data With Redux Tollkit (10:20)
Movies Page (11:24)
Using Loader in MovieDetail Page (9:54)
Final
What We Will Learned in This Course (3:21)
Building the App Layout & Nested Routes
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock