Master Redux Pro 2024: State, Auth & Firebase with TS
Focused View
12:26:48
1 -Course Outline.mp4
04:16
2 -Install VS Code.mp4
03:41
1 -Why should we use Redux.mp4
03:17
2 -Understand redux concepts.mp4
03:19
3 -Setup Project.mp4
05:20
4 -Setup store.mp4
08:35
5 -The first app with redux.mp4
08:47
6 -Understand useSelector.mp4
07:18
7 -More example.mp4
06:21
8 -Why should we copy state.mp4
12:11
9 -Redux vs React Redux Library.mp4
01:21
1 -Fetch API without redux thunk.mp4
04:40
2 -Async with redux.mp4
04:11
3 -Setup redux thunk.mp4
06:15
4 -Understand Flow of Redux (Thunk).mp4
02:55
5 -Three status when dispatch.mp4
07:39
1 -Setup project.mp4
11:00
2 -Understand slice and immer library.mp4
06:54
3 -Dispatch action with payload.mp4
02:29
4 -Fetch API with redux toolkit.mp4
15:10
5 -Best practice with thunk.mp4
03:00
6 -extraReducers.mp4
00:52
1 -Setup few components.mp4
04:44
2 -Fetch API.mp4
06:13
3 -Setup react bootstrap.mp4
04:23
4 -Setup JSON Server to Fake API.mp4
03:46
5 -Setup Modal & Understand how modal work.mp4
04:18
6 -Create Form.mp4
03:05
7 -Create user.mp4
06:43
8 -Lift State Up Technique.mp4
07:07
9 -Notification with react toastify.mp4
04:52
10 -Fetch users with thunk.mp4
12:11
11 -Create user with thunk.mp4
08:33
12 -Manually remove fake data.mp4
00:33
13 -Update User start.mp4
06:57
14 -Determine edit or create mode.mp4
06:00
15 -Fetch User By Id.mp4
15:01
16 -Update User end.mp4
07:57
17 -Delete User part 1.mp4
09:34
18 -Delete User part 2.mp4
08:16
19 -Add some code.mp4
09:26
20 -Lightdark mode part 1.mp4
08:21
21 -Lightdark mode part 2.mp4
07:52
22 -Load data to redux when refresh page.mp4
05:49
23 -Take your time to practice.mp4
01:47
1 -Setup Project.mp4
02:38
2 -Install Package.mp4
02:59
3 -Create component.mp4
04:02
4 -Setup react router dom.mp4
06:32
5 -Understand Nested Route.mp4
08:06
6 -Setup Backend.mp4
09:31
6 -post.zip
7 -Index Page & Link Component.mp4
09:16
8 -Design Components.mp4
07:38
9 -Setup redux.mp4
03:30
10 -Register account part 1.mp4
14:05
11 -Register account part 2.mp4
10:10
12 -Register account part 3.mp4
08:19
13 -Login account.mp4
07:40
14 -Protected Route.mp4
04:20
15 -Persist data in redux.mp4
06:56
16 -Create Post with jwt header.mp4
15:36
17 -Show all posts.mp4
06:35
1 -Why should we you firebase.mp4
04:41
2 -Setup Firestore.mp4
04:19
3 -Get document from firestore.mp4
05:04
4 -Get all documents.mp4
06:08
5 -Add document.mp4
08:01
6 -Update document.mp4
03:58
7 -Delete document.mp4
03:01
8 -Setup redux.mp4
03:53
9 -Setup component quickly.mp4
05:41
10 -Firebase Authentication.mp4
11:03
11 -Setup router quickly.mp4
02:04
12 -Observable user.mp4
07:35
13 -Set Current User.mp4
05:56
14 -Sign out.mp4
04:44
1 -What is React Query.mp4
02:51
2 -Prepare backend.mp4
03:58
3 -Prepare frontend & setup react query.mp4
04:34
4 -React Query Devtool.mp4
01:33
5 -Understand useQuery hook.mp4
09:27
6 -IsLoading, isError and auto retry API.mp4
04:50
7 -Understand Stale Concept.mp4
06:50
8 -Pagination with React Query.mp4
11:03
9 -Fix null error.mp4
01:35
10 -Understand useMutation.mp4
07:59
11 -Invalidate Data.mp4
03:31
1 -Setup React Typescript project.mp4
02:41
2 -Primitive Type with typescript.mp4
04:31
3 -Reference Type with typescript.mp4
02:21
4 -Work with function part 1.mp4
02:39
5 -Work with function part 2.mp4
03:17
6 -Understand Interface.mp4
01:41
7 -Optional property.mp4
02:47
8 -Understand Generic Type.mp4
04:21
9 -useState with typescript.mp4
04:57
10 -Pass Props.mp4
04:34
11 -Work with input element.mp4
04:59
12 -Work with form part 1.mp4
03:24
13 -Work with form part 2.mp4
05:45
14 -Children prop part 1.mp4
02:04
15 -Child prop part 2.mp4
02:12
1 -Convert existing project to typescript.mp4
06:31
2 -Change all jsx extension to tsx.mp4
03:28
3 -Define Data Type for State of Redux.mp4
05:09
4 -Defined Type for useSelector and useDispatch.mp4
01:46
5 -Typescript for User Delete Modal Component.mp4
06:53
6 -Typescript for User Modal Component & Thunk.mp4
04:29
7 -Optional Property.mp4
00:55
8 -Type for slice.mp4
07:58
1 -Whats RTK Query & Setup.mp4
05:41
2 -Setup store.mp4
02:39
3 -First look at fetching data.mp4
18:55
4 -hmm Typescript.mp4
08:34
5 -Mutate data.mp4
16:11
6 -Testing delay & error.mp4
10:21
7 -RevalidateRe-Fetching data.mp4
13:01
8 -More on query.mp4
15:42
9 -isLoading vs isFetching.mp4
05:12
10 -More on mutation.mp4
08:38
11 -More on tag.mp4
07:21
1 - Learning more.html
More details
Course Overview
Master advanced React state management with Redux Toolkit, JWT authentication, Firebase integration, and TypeScript in this comprehensive course designed to elevate your frontend development skills.
What You'll Learn
- Master Redux flow, thunks, and modern Redux Toolkit
- Implement JWT authentication and protected routes
- Integrate Firebase for real-time data and auth
Who This Is For
- React developers wanting advanced state management skills
- Frontend engineers learning TypeScript integration
- Developers building secure, scalable applications
Key Benefits
- Complete CRUD project with real-world patterns
- React Query for optimized data fetching
- TypeScript conversion for production-ready code
Curriculum Highlights
- Redux fundamentals to advanced toolkit
- JWT authentication with React Router
- Firebase Firestore and authentication
Focused display
Category
- language english
- Training sessions 121
- duration 12:26:48
- English subtitles has
- Release Date 2025/05/25
