نوروز مبارک

نوروز مبارک

🔥 جشنواره نوروزی آموزش با ۷۰٪ تخفیف ویژه! 🎉

با آغاز سال نو، فرصتی استثنایی برای یادگیری فراهم شده است! 🌸

✨ از ۲۶ اسفند تا ۶ فروردین تمامی دوره‌های آموزشی ما با ۷۰٪ تخفیف ویژه در دسترس شما هستند.

اگر مدت‌هاست به دنبال یادگیری مهارتی جدید هستید، اکنون بهترین زمان است! در دوره‌های تخصصی ما، از برنامه‌نویسی و طراحی وب گرفته تا مهارت‌های دیجیتال مارکتینگ، همه چیز برای رشد شما فراهم شده است.

🚀 چرا نباید این فرصت را از دست داد؟
✅ دوره‌های متنوع و کاربردی
✅ تدریس توسط اساتید مجرب
✅ یادگیری در هر زمان و هر مکان

📌 همین حالا از این تخفیف فوق‌العاده بهره‌مند شوید! فرصت محدود است!

 

مشاهده دوره و ثبت نام
قیمت این دوره: رایگانــ
  • مدرس دوره : آرش زارعی
  • تعداد ویدیوها : 34 ویدیو
  • مدت زمان دوره : 3:4:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/12/12
آموزش پروژه محور ریداکس تولکیت

آموزش پروژه محور ریداکس تولکیت

آموزش پروژه محور ریداکس تولکیت

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

معرفی دوره

فی redux toolkit

مقایسه redux و redux toolkit

نصب پیش نیاز ها

بررسی کامل redux toolkit

شروع پروژه



پیش نیاز های دوره :

  1. react و redux مقدماتی

فهرستـــ ویدیوها

مدت زمان دوره 3:4:00
00:00
00:00

  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1

  • معرفی دوره

00:01:27

مقدمه و معرفی دوره

2

  • Redux-Toolkit چیست؟

00:01:27

Redux-Toolkit چیست؟

3

  • تفاوت Redux-Toolkit و Redux

00:01:47

تفاوت Redux-Toolkit و Redux

4

  • نصب پیشنیاز ها

00:02:47

نصب پیشنیاز ها

5

  • ساختار پوشه بندی مناسب

00:01:04

ساختار پوشه بندی مناسب برای redux toolkit

6

  • Slice چیست؟

00:06:20

Slice چیست؟

7

  • ایجاد store

00:03:33

ایجاد store برای reducer ها

8

  • کاربرد Provider

00:02:39

کامپوننت Provider

9

  • هوک useSelector

00:04:07

هوک useSelector

10

  • هوک useDispatch

00:04:24

هوک useDispatch

11

  • کاربرد payload

00:05:24

کاربرد payload

12

  • ایجاد slice جدید

00:08:03

ایجاد slice جدید

13

  • Extra Reducer - قسمت اول

00:05:36

Extra Reducer - قسمت اول

14

  • Extra Reducer - قسمت دوم

00:02:08

Extra Reducer - قسمت دوم

15

  • Middleware در redux toolkit

00:03:34

Middleware در redux toolkit

16

  • Async Action ها - قسمت اول

00:07:05

Async Action ها - قسمت اول

17

  • Async Action ها - قسمت دوم

00:08:02

Async Action ها - قسمت دوم

18

  • بررسی پروژه دوره

00:02:14

بررسی پروژه فروشگاهی دوره

19

  • نصب پیشنیاز های پروژه

00:07:26

نصب پیشنیاز های پروژه

20

  • ایجاد slice برای محصولات

00:08:45

ایجاد slice برای گرفتن محصولات از api

21

  • ساخت کامپوننت header و footer

00:01:15

ساخت کامپوننت header و footer

22

  • ساخت Home Page

00:08:50

ساخت Home Page

23

  • ایجاد کارت محصولات

00:07:02

ایجاد کارت محصولات

24

  • تعیین Route برای صفحه جزئیات

00:01:35

تعیین Route برای صفحه جزئیات

25

  • ساخت slice برای گرفتن جزئیات محصول

00:05:19

ساخت slice برای گرفتن جزئیات محصول

26

  • نمایش جزئیات محصول

00:06:54

نمایش جزئیات محصول

27

  • توسعه DetailsCard

00:08:48

توسعه DetailsCard برای تکمیل Details Page

28

  • ایجاد slice برای سبد خرید

00:11:42

ایجاد slice برای سبد خرید

29

  • ساخت دکمه افزودن به سبد خرید

00:11:42

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

30

  • ساخت صفحه سبد خرید

00:06:22

ساخت صفحه سبد خرید

31

  • توسعه Card Item

00:06:35

توسعه Card Item

32

  • ایجاد slice برای لیست علاقه مندی ها

00:05:26

ایجاد slice برای لیست علاقه مندی ها

33

  • ساخت دکمه افزودن به لیست علاقه مندی ها

00:09:06

ساخت دکمه افزودن به لیست علاقه مندی ها

34

  • نمایش لیست علاقه مندی ها

00:05:37

نمایش لیست علاقه مندی ها

اینستاگرام
تلگرام

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .

حسن دهقان

ارسال شده در 1403/05/12

سلام استاد عزیز از شما به خاطر این دوره ارزشمند " آموزش پروژه محور ریداکس تولکیت" که ‌واقعا دوره قوی و نفس‌گیر  و پر از نکاتی است که به زحمت بدست می‌آید از این بابت ازتون بسیار تشکر می‌کنیم 

آرش زارعی (مدرس)

ارسال شده در 1403/05/13

سلام دانشجوی عزیز

باعث افتخارم هست که دوره مورد توجهتون قرار گرفته و براتون مفید بوده.

ممنون بابت ثبت دیدگاهتون

امیرحسین محمودی

امیرحسین محمودی

ارسال شده در 1402/12/28

سلام 
میشه کد ها رو هم قرار بدی 
ممنون

امیرحسین محمودی

آرش زارعی (مدرس)

ارسال شده در 1403/01/03

سلام خدمت شما

کد ها رو به عمد قرار ندادم تا دانشجو خودش کد ها رو بزنه و یاد بگیره

مهدی فرشباف

مهدی فرشباف

ارسال شده در 1402/11/20

سلام

خسته نباشید استاد

ممنون از آموزشتون

لطفا navigate کردن به یک صفحه ی دیگه رو داخل asyncAction یاد بدین

مهدی فرشباف

آرش زارعی (مدرس)

ارسال شده در 1402/11/20

سلام دانشجو عزیز

خوشحالم که دوره مورد توجهتون قرار گرفته.

 

برای navigate کردن در async action ها نیاز به کار خاصی نیست فقط باید به کمک react router dom این کار رو انجام بدید.

 

من یه نمونه کد براتون می‌نویسم.

امیدوارم کمکتون کرده باشه

اگر بازم سوالی دارید یا بخشی براتون گنگ هست در قسمت پرسش و پاسخ در خدمتتون هستم.

import { useHistory } from 'react-router-dom';

const push = useHistory()

const asyncAction = () => {
  return async (dispatch) => {

    // navigate به یک صفحه دیگر
    dispatch(push('/other-page'));
  };
};