وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

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 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 43455
    حجم: 12466 مگابایت
    مدت زمان: 1379 دقیقه
    تاریخ انتشار: ۸ اسفند ۱۴۰۳
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید