React TypeScript – Build eCommerce Project (Redux, TanStack)

سرفصل های دوره

Build and Scale a Modern eCommerce Platform with React, TypeScript, and Advanced State Management, React Hook Form

1 - Introduction

1 -Introduction

2 -Whatll you learn in this course

3 -NOTE - Before you enroll this course

2 - TypeScript & React TypeScript

1 -Section Overview

2 -Primitive data types

3 -Any type

4 -Union type

5 -Array

6 -Array part 2

7 -Object

8 -Function

9 -Function with object parameters

10 -Custom type

11 -Custom type - part 2

12 -Interface

13 -Generic

3 - Big Project Time - Setup

1 -Create project using VITE

2 -Setup folder structure for project

3 -Setup react router dom

4 -Setting up Nested Route

5 -How nested route work (Explain Detail)

6 -Setup Material UI (MUI)

7 -Setup absolute import statement

4 - Setup Backend

1 -Setup backend project

1 - IMPORTANT (DO NOT SKIP).html

2 -Setup API Layer with axios

5 - Feature Authentication JWT

1 -Local storage vs Cookie

2 -Setup (Fast) Sign Un Component

3 -Setup Sign In Component

4 -Validate Field with Controlled Component

5 -Validate Field with React Hook Form

6 -Schema validation with yup

7 -Setup toastify by hand

8 -Setup toastify part 2

9 -Setup redux for toastify

10 -Moving Toast component

11 -Signup API handle

12 -Setup tanstack react query

13 -Mutate sign up api with react query

14 -Setup redux for user state

15 -Get current user handle

16 -Create a custom hook for react query

17 -Excercise Sign In Functionality

18 -Sign In Functionality

19 -Redirect if NOT authenticated

20 -Custom hook for authenticate

21 -Create admin dashboard

22 -Header & Logout

22 - fix useAuthenticate hook.html

23 -Header Admin & Sidebar

6 - Feature Category Management

1 -Sidebar data

2 -Setup category component

3 -Add category modal

4 -useQuery to render category list

5 -Add category

6 -Show Icon on Form

7 -Invalidate category data

8 -Delete category modal

9 -Call API to Delete a category with useMutation

10 -Update form & share data

11 -Handle Update with API

12 -Category wrap up

7 - Feature Product Management

1 -Setup product page

2 -Setup data grid & How to find example

3 -Render product list to data grid

4 -Create product modal

5 -Handle preview image

6 -Select category

7 -Product form validation

8 -Show image on data grid

9 -Change category id to category name

10 -Render actions

11 -Delete Modal Confirm & Reuse Component

12 -Update product - binding data

13 -Update product - handle API

14 -Product - wrap up

8 - Feature Product Galleries Management

1 -Setup product galleries page

2 -Setup UI component

3 -Fix UI & Change Column

4 -Render galleries

5 -Upload mutiple images

6 -Delete image

7 -Gallery warp up

9 - Feature Product (User)

1 -Setup product page

2 -Product card component

3 -Render product

4 -Setup pagination (server side)

5 -Sync page to url

6 -Price slider default

7 -Sync filter price to url

8 -Setup product detail page

9 -Show image with carousel

10 -Separate components

11 -Search products

10 - Feature Cart

1 -Add product to cart - build data

2 -Add product to cart - handle API

3 -Setup cart page

4 -Setup cart table & total price

5 -Render cart items

6 -Clear cart item

11 - Feature Profile

1 -Setup profile page

2 -Profile Tabs

3 -Setup fields for Profile Tabs

4 -Profile info validation

5 -Update profile information

6 -Change password

7 -Adding address

8 -Delete address

12 - Feature Order

1 -Global quantity on header

2 -Overview order API

3 -Checkout processing

4 -Setup my orders page

5 -Get my orders

6 -Fix column

7 -Fix JSON bug

8 -Setup order detail page

9 -Get order items

13 - Feature Review

1 -Setup review component

2 -Get product review

3 -Review product

14 - Feature Order Management

1 -Setup orders admin page

2 -Render all orders

3 -Update order status

4 -Fix UI

15 - Feature Coupon

1 -Setup coupon page

2 -Coupon table

3 -Create coupon form & validation

4 -Create coupon - handle API

5 -Delete coupon

6 -Apply coupon

16 - Global loading & error

1 -ProgressBar loading

2 -Global error & success

139,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy