Master React & TypeScript: Build eCommerce Pro with Redux 2024
Focused View
22:58:59
1 -Introduction.mp4
04:50
2 -Whatll you learn in this course.mp4
02:41
3 -NOTE - Before you enroll this course.mp4
01:15
1 -Section Overview.mp4
02:14
2 -Primitive data types.mp4
04:23
3 -Any type.mp4
02:10
4 -Union type.mp4
02:14
5 -Array.mp4
03:54
6 -Array part 2.mp4
02:08
7 -Object.mp4
05:43
8 -Function.mp4
07:19
9 -Function with object parameters.mp4
04:55
10 -Custom type.mp4
02:31
11 -Custom type - part 2.mp4
04:33
12 -Interface.mp4
04:04
13 -Generic.mp4
07:41
1 -Create project using VITE.mp4
06:09
2 -Setup folder structure for project.mp4
04:04
3 -Setup react router dom.mp4
07:41
4 -Setting up Nested Route.mp4
06:54
5 -How nested route work (Explain Detail).mp4
03:16
6 -Setup Material UI (MUI).mp4
08:57
7 -Setup absolute import statement.mp4
09:30
1 -Setup backend project.mp4
11:22
1 - IMPORTANT (DO NOT SKIP).html
2 -Setup API Layer with axios.mp4
09:28
1 -Local storage vs Cookie.mp4
05:08
2 -Setup (Fast) Sign Un Component.mp4
15:12
3 -Setup Sign In Component.mp4
08:46
4 -Validate Field with Controlled Component.mp4
23:09
5 -Validate Field with React Hook Form.mp4
16:00
6 -Schema validation with yup.mp4
11:31
7 -Setup toastify by hand.mp4
10:09
8 -Setup toastify part 2.mp4
12:11
9 -Setup redux for toastify.mp4
22:31
10 -Moving Toast component.mp4
04:29
11 -Signup API handle.mp4
11:46
12 -Setup tanstack react query.mp4
06:36
13 -Mutate sign up api with react query.mp4
11:12
14 -Setup redux for user state.mp4
24:13
15 -Get current user handle.mp4
13:36
16 -Create a custom hook for react query.mp4
11:38
17 -Excercise Sign In Functionality.mp4
02:59
18 -Sign In Functionality.mp4
18:59
19 -Redirect if NOT authenticated.mp4
13:13
20 -Custom hook for authenticate.mp4
03:26
21 -Create admin dashboard.mp4
12:18
22 -Header & Logout.mp4
11:53
22 - fix useAuthenticate hook.html
23 -Header Admin & Sidebar.mp4
12:47
1 -Sidebar data.mp4
08:25
2 -Setup category component.mp4
07:17
3 -Add category modal.mp4
08:13
4 -useQuery to render category list.mp4
22:06
5 -Add category.mp4
17:11
6 -Show Icon on Form.mp4
14:19
7 -Invalidate category data.mp4
05:50
8 -Delete category modal.mp4
16:24
9 -Call API to Delete a category with useMutation.mp4
07:45
10 -Update form & share data.mp4
15:58
11 -Handle Update with API.mp4
21:38
12 -Category wrap up.mp4
04:38
1 -Setup product page.mp4
02:53
2 -Setup data grid & How to find example.mp4
06:05
3 -Render product list to data grid.mp4
14:38
4 -Create product modal.mp4
10:33
5 -Handle preview image.mp4
16:42
6 -Select category.mp4
04:55
7 -Product form validation.mp4
15:54
8 -Show image on data grid.mp4
09:07
9 -Change category id to category name.mp4
04:51
10 -Render actions.mp4
06:24
11 -Delete Modal Confirm & Reuse Component.mp4
21:04
12 -Update product - binding data.mp4
20:35
13 -Update product - handle API.mp4
11:27
14 -Product - wrap up.mp4
05:00
1 -Setup product galleries page.mp4
07:07
2 -Setup UI component.mp4
08:00
3 -Fix UI & Change Column.mp4
08:39
4 -Render galleries.mp4
15:16
5 -Upload mutiple images.mp4
28:24
6 -Delete image.mp4
12:57
7 -Gallery warp up.mp4
04:01
1 -Setup product page.mp4
17:06
2 -Product card component.mp4
09:10
3 -Render product.mp4
08:20
4 -Setup pagination (server side).mp4
14:54
5 -Sync page to url.mp4
06:46
6 -Price slider default.mp4
07:20
7 -Sync filter price to url.mp4
23:33
8 -Setup product detail page.mp4
21:22
9 -Show image with carousel.mp4
15:46
10 -Separate components.mp4
05:24
11 -Search products.mp4
19:18
1 -Add product to cart - build data.mp4
09:22
2 -Add product to cart - handle API.mp4
07:30
3 -Setup cart page.mp4
05:51
4 -Setup cart table & total price.mp4
07:52
5 -Render cart items.mp4
18:11
6 -Clear cart item.mp4
10:04
1 -Setup profile page.mp4
04:42
2 -Profile Tabs.mp4
08:45
3 -Setup fields for Profile Tabs.mp4
07:59
4 -Profile info validation.mp4
07:49
5 -Update profile information.mp4
26:05
6 -Change password.mp4
17:06
7 -Adding address.mp4
24:41
8 -Delete address.mp4
09:52
1 -Global quantity on header.mp4
04:14
2 -Overview order API.mp4
08:57
3 -Checkout processing.mp4
27:06
4 -Setup my orders page.mp4
05:42
5 -Get my orders.mp4
18:01
6 -Fix column.mp4
10:58
7 -Fix JSON bug.mp4
04:48
8 -Setup order detail page.mp4
08:07
9 -Get order items.mp4
15:21
1 -Setup review component.mp4
15:13
2 -Get product review.mp4
07:29
3 -Review product.mp4
23:03
1 -Setup orders admin page.mp4
05:49
2 -Render all orders.mp4
05:08
3 -Update order status.mp4
20:00
4 -Fix UI.mp4
01:57
1 -Setup coupon page.mp4
06:59
2 -Coupon table.mp4
09:55
3 -Create coupon form & validation.mp4
10:59
4 -Create coupon - handle API.mp4
11:52
5 -Delete coupon.mp4
23:03
6 -Apply coupon.mp4
06:49
1 -ProgressBar loading.mp4
06:46
2 -Global error & success.mp4
08:01
More details
Course Overview
Build a scalable eCommerce platform using React, TypeScript, and advanced state management with Redux and TanStack Query. This hands-on course covers everything from authentication to product management.
What You'll Learn
- Develop full-featured eCommerce applications with React & TypeScript
- Master state management using Redux and React Query for data fetching
- Implement JWT authentication and authorization systems
Who This Is For
- Aspiring web developers wanting to master React with TypeScript
- React developers looking to integrate Redux and advanced state management
- Developers seeking to build scalable eCommerce applications
Key Benefits
- Hands-on experience building a complete eCommerce platform
- Learn professional debugging and research techniques
- Master modern React patterns with TypeScript integration
Curriculum Highlights
- TypeScript fundamentals for React development
- Authentication system with JWT and protected routes
- Complete product and category management systems
Focused display
Category
- language english
- Training sessions 130
- duration 22:58:59
- Release Date 2025/05/10
