آموزش ری اکت (React) و Redux + پروژه فروشگاه اینترنتی - کد دوره: 975987

سرفصل‌ها
رایگان 00:23:22

آموزش جاوا اسکریپت (ES 6) - قسمت اول

2
00:23:08

آموزش جاوا اسکریپت (ES 6) - قسمت دوم

3
00:23:40

آموزش جاوا اسکریپت (ES 6) - قسمت سوم

4
00:15:17

نصب اولین نرم افزار React به همراه Nodejs

5
00:18:02

بررسی ساختار ری اکت و فولدرها

6
00:13:55

معرفی jsx و نحوه کدنویسی قالب

7
00:12:35

ایجاد کامپوننت‌های تو در تو

8
00:27:27

ارسال پارامتر به کامپوننت ها با props در ری اکت

9
00:29:37

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

10
00:19:28

ارسال پارامتر به توابع و ارتباط دو طرفه بین کامپوننت ها

11
00:21:59

چرخه حیات (Lifecycle) در ری اکت

12
00:30:45

دستور شرطی if و else در ری اکت

13
00:16:37

حلقه for و نحوه bind کردن متغییرها به آن

14
00:26:44

خطایابی (Debugging) در ری اکت

15
00:17:38

معرفی انواع استایل CSS و کلاس های پویا (Dynamic)

16
00:27:41

بهینه سازی ساختار نرم افزار و طراحی مجدد کامپوننت ها

17
00:29:30

ایجاد کامپوننت های Wrapper برای بهینه سازی نرم افزار

18
00:22:14

بروزرسانی State برای داده های غیرهمزمان، کار با ref و اعتبارسنجی props ها

19
00:24:12

معرفی و کار با ویژگی جدید Context API در ری اکت

20
00:24:54

HTTP - معرفی Axios و کار با متد GET

21
00:25:26

HTTP - ارسال پارامتر با متد GET

22
00:29:14

HTTP - ارسال مطلب با متد POST

23
00:22:14

HTTP - حذف کردن مطلب با متد DELETE

24
00:04:49

HTTP - مدیریت خطاها و Interceptor ها در ری اکت

25
00:21:54

معرفی مسیردهی (Routing) و کار با پکیج react-router

26
00:56:58

ایجاد قابلیت SPA روی لینک ها در Routing ری اکت

27
00:19:04

کار با پارامترها در مسیردهی (Routing Params)

28
00:17:20

مسیرهای تو در تو - Nested Route و ریدایرکت کردن آنها

29
00:16:38

بهینه سازی کامپوننت ها در مسیردهی (Lazy Loading)

30
00:13:04

Redux مقدماتی - معرفی کامل و اجرای پروژه ای با Redux

31
00:28:08

Redux مقدماتی - معرفی پکیج react-redux و اتصال آن به نرم افزار

32
00:20:15

Redux مقدماتی - تبدیل یک کامپوننت ری اکت به ساختار Redux

33
00:21:35

Redux مقدماتی - استفاده از چندین Reducer به صورت همزمان

34
00:25:51

Redux پیشرفته - معرفی و کار با میان افزارها (Middlewares)

35
00:10:24

Redux پیشرفته - کار با actionCreator ها و ساختاربندی پروژه

36
00:28:25

پروژه - نصب و راه اندازی اولیه فروشگاه

37
00:20:57

پروژه - ایجاد کامپوننت غذا و مواد غذایی محصولات

38
00:25:54

پروژه - افزودن داینامیک مواد غذایی به محصولات

39
00:25:12

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

40
00:20:47

پروژه - نمایش محصولات در سبد خرید با قابلیت Modal

41
00:43:08

پروژه - افزودن دکمه پرداخت و ادامه خرید به صورت داینامیک

42
00:15:43

پروژه - طراحی و پیاده سازی کامپوننت هدر و لوگو

43
00:16:20

پروژه - راه اندازی کامپوننت منو و منوی موبایل در ری اکت

44
00:47:42

پروژه - بهینه سازی سطح یک فروشگاه اینترنتی با ری اکت

45
00:14:40

پروژه - افزودن Axios و ارتباط با سرور در ری اکت (Reactjs)

46
00:21:26

پروژه - مدیریت حرفه ای خطاها به هنگام ارتباط با سرور

47
00:17:35

پروژه - دریافت اطلاعات از سرور و نمایش آنها در صفحه

48
00:13:47

پروژه - افزودن صفحه پرداخت به فروشگاه با Routing

49
00:29:54

پروژه - ارسال اطلاعات به صفحه پرداخت با استفاده از Query Params

50
00:10:38

پروژه - ثبت سفارش و ارسال اطلاعات به سرور

51
00:30:00

پروژه - افزودن کامپوننت فرم ثبت اطلاعات مشتری

52
00:18:49

پروژه - ثبت کردن اطلاعات فرم به صورت داینامیک و ارسال آنها به سرور

53
00:16:59

پروژه - اعتبارسنجی فرم ها در ری اکت (Reactjs Validation)

54
00:23:18

پروژه - افزودن Redux به فروشگاه اینترنتی و بازنویسی کامپوننت ها

55
00:35:53

پروژه - پیاده سازی احراز هویت کاربران (ورود و عضویت) با ری اکت (Reactjs)

56
00:48:45

پروژه - افزودن قابلیت خروج و ورود کاربران و تغییر وضعیت با Redux

57
00:28:37

پروژه - محافظت از مسیرها با استفاده از Guard در Reactjs

58
00:14:05

پروژه - پیاده سازی Testing (تست نرم افزار) در ری اکت

59
00:23:02

پروژه - بارگذاری سایت ری اکتی روی سرورهای واقعی

60
00:05:54

پروژه - کلیه فایل های آموزشی و پروژه دوره ری اکت

61

معرفی بروزرسانی جدید ری اکت ۱۶.۱۳

62
00:12:07

معرفی هوک های useState و useEffect و useRef

63
00:22:09

معرفی هوک‌های useLayoutEffect و useCallback و useMemo

64
00:23:23
توضیحات دوره

ری اکت (React) اسمی آشنا برای تمام افرادی است که به دنبال یادگیری برنامه نویسی سمت کاربر یا Frontend هستند. در دوره آموزش ری اکت (React) این تضمین را به شما می دهیم که پس از گذراندن دوره به فردی تبدیل شوید که قادر است هرگونه نرم افزاری با کتابخانه ری اکت | React را ایجاد کند.

اما اولین سوالی که برای هر شخص پیش می آید این است:

ری اکت (React) چیست؟

آموزش ری اکت (React)

اگر بخواهیم به صورت خلاصه بگوییم، ری اکت (React) یک کتابخانه جاوا اسکریپتی است که به شما این امکان را می دهد تا صفحات SPA (تک صفحه ای) یا Single Page Application در بستر اینترنت بوجود بیاورید و با استفاده از آن درخواست خود را به سرور ارسال کرده و بدون رفرش کردن صفحه، خروجی را تغییر دهید.

این کتابخانه در سال ۲۰۱۱ توسط شرکت فیس بوک (Facebook) به دنیای توسعه دهنده ها معرفی شد و انقلابی جدید در بین کتابخانه های جاوا اسکریپت بوجود آورد. بد نیست بدانید هم اکنون وب سایت شرکت فیس بوک و همچنین اینستاگرام از کتابخانه React استفاده می کنند.

اینستاگرام و فیس بوک و ری اکت (React)

از طرفی دیگر کتابخانه ری اکت (React) به صورت کامل کامپوننت محور بوده و شما می توانید المان های HTML دلخواه خود را درون هر یک از کامپوننت ها به صورت مجزا تولید کرده و در هر جای برنامه استفاده نمایید.

مثلا فرض کنید می خواهید لیستی از کاربران را با استفاده از React نمایش دهید. برای اینکار کافیست یک کامپوننت به نام User ایجاد کرده و سپس خروجی آن را در یک قالب HTML بسته به نیاز خود قرار دهید.

پس از گذراندن دوره آموزش ری اکت (React) چه چیزی یاد می گیرید؟

  • ایجاد یک فروشگاه اینترنتی سفارش آنلاین غذا با React و Redux
  • نحوه ایجاد نرم افزارهای سریع و قدرتمند با رابط کاربری بسیار جذاب با استفاده از React
  • ساخت اپلیکیشن های تحت وب با ساختار SPA
  • استخدام در مراکزی که نیاز به یک برنامه نویس سمت کاربر (Frontend) دارند
  • انجام پروژه های وسیع با کتابخانه React
  • درک مفاهیم اولیه کتابخانه
  • نحوه ساخت نرم افزار های Component Base (مجزا)
  • خطایابی نرم افزارهای React
  • ایجاد فرم ها
  • یادگیری مبحث Redux در React (در سطح مقدماتی و پیشرفته)
  • تست کردن نرم افزارهای طراحی شده با React
  • معرفی هوک های React

پیش نیازهای دوره آموزش ری اکت (React) چیست؟

برای یادگیری بهتر این دوره، آشنایی با مفاهیم زبان جاوا اسکریپت (Javascript) به شما کمک می کند تا روند یادگیری سریع تری داشته باشید.

برای یادگیری جاوا اسکریپت اصلا نگران نباشید. به تازگی یک سری آموزشی متنی رایگان در روکسو پلاس تحت عنوان «سیر تا پیاز جاوا اسکریپت» ارائه شده است که می توانید در حین یادگیری React به آن بپردازید.

توجه به این نکته ضروری است که در دوره آموزش ری اکت (React) نیازی نیست که شما در حد یک توسعه دهنده حرفه ای به زبان جاوا اسکریپت مسلط باشید.

از طرفی درک مفاهیم مربوط به HTML و CSS برای زیباسازی و نمایش خروجی مناسب، حائز اهمیت است.

دوره آموزش ری اکت (React) مناسب چه کسانی است؟

این دوره برای تمام افرادی که قصد دارند کتابخانه ری اکت (React) را از ابتدایی ترین (صفر) تا پیشرفته ترین مفاهیم (صد) یاد بگیرند، عالیست. این بدین معنی است که ما با مقدماتی ترین بحث ها دوره را شروع می کنیم و تا سطح پیشرفته همراه شما هستیم.

از طرفی در این دوره به یادگیری سایر کتابخانه های وابسته به ری اکت مثل Redux و react-router می پردازیم.

نسخه کتابخانه React

این آموزش در حال حاضر بر اساس نسخه ۱۶.۶ ری اکت (React 16.6) ارائه شده است. به محض بروزرسانی کتابخانه به نسخه های جدیدتر و پایداری آن، این دوره آموزشی نیز بروزرسانی می شود و شما می توانید پس از خرید دوره به صورت رایگان به آنها دسترسی داشته باشید.

ارتباط با مدرس دوره

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

در صورتیکه نیاز دارید مدت زمان پشتیبانی به یک سال ارتقاء پیدا کند لطفا تیک آن را در باکس قیمت دوره فشار دهید.

سرفصل های دوره آموزش ری اکت (React)

مقدمه و معرفی

  • معرفی دوره و مدرس
  • ری اکت چیست؟
  • معرفی نرم افزارهای SPA
  • نوشتن اولین کد
  • چرا باید ری اکت را انتخاب کنیم؟
  • معرفی روکسو کیو

معرفی اجمالی جاوا اسکریپت

  • معرفی ماژول ها
  • معرفی ثابت ها و متغییر ها
  • تعریف کردن کلاس ها
  • آشنایی با مفاهیم Import و Export
  • درک ویژگی ها و متدها
  • معرفی مخرب ها
  • توضیح آرایه ها و توابع

مقدمه ای بر ری اکت و ویژگی های آن

  • ایجاد محیط نرم افزار
  • ساخت اولین نرم افزار ری اکت (React App)
  • معرفی ساختار و پوشه های نرم افزار
  • مفاهیم مقدماتی درباره کامپوننت ها
  • معرفی پسوند JSX
  • معرفی ابزار Faker.js و استفاده از آن
  • ایجاد کامپوننت های تابع محور
  • کار کردن با کامپوننت ها و استفاده مجدد از آنها
  • نمایش داینامیک خروجی ها
  • کار کردن با ویژگی ها یا Props
  • درک ویژگی های فرزند
  • تمرین پروژه سیستم نظرات در ری اکت (Comments)
  • درک مفاهیم مربوط به موقعیت ها (State) و استفاده از آنها
  • ارتباط بین رویدادها و متدها
  • کنترل وضعیت ها و موقعیت ها (State)
  • استفاده از توابع و کلاس ها
  • ارسال اطلاعات با استفاده از متدها بین دو کامپوننت
  • معرفی ویژگی ارتباط دو طرفه (Two Way Binding)
  • افزودن استایل (Style) به صفحات و المان های HTML

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

  • نمایش محتوا بر اساس شرط و قیود
  • کار کردن با مطالب داینامیک و پویا
  • نمایش لیستی محتوا
  • بررسی تفاوت بین List ها و State ها
  • بروزرسانی موقعیت ها
  • بررسی تفاوت بین List‌ ها و Key ها
  • معرفی لیست های منعطف

زیباسازی کامپوننت های ری اکت و المان ها

  • افزودن استایل های داینامیک
  • افزودن کلاس های CSS به المان ها به صورت داینامیک
  • استفاده از Radium
  • استفاده از Radium برای کوئری رسانه ها
  • استفاده از سلکتورها

خطایابی نرم افزارهای React

  • معرفی انواع خطا
  • پیدا کردن خطاهای منطقی با استفاده از ابزار Dev Tools و Sourcemaps
  • کار کردن با ابزار Developer Tools ری اکت
  • پیدا کردن خطاهای مرزی یا Error Boundaries (یک ویژگی جدید در ری اکت ۱۶.۶ می باشد)

سطح پیشرفته کامپوننت ها

  • معرفی ساختار هوشمندانه یک پروژه
  • تقسیم بندی نرم افزار به کامپوننت های مجزا
  • مقایسه کامپوننت های Stateless و Stateful
  • درک چرخه حیات (Lifecycle) کامپوننت های ری اکت
  • تبدیل کامپوننت های Stateless به Stateful
  • بروزرسانی وضعیت هوک های چرخه حیات (Lifecycle)
  • درک مفاهیم DOM در React
  • ارائه و معرفی کامپوننت های رده بالا یا HOC
  • ارسال ویژگی های ناشناخته به کامپوننت ها
  • استفاده از setState
  • اعتبارسنجی ویژگی ها
  • استفاده از مراجع یا ref

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش اول)

  • طراحی ساختار پروژه
  • تقسیم بندی کامپوننت ها
  • طراحی نمودار درختی از پروژه فروشگاه
  • برنامه ریزی برای موقعیت ها
  • راه اندازی پروژه
  • ایجاد کامپوننت ها
  • ایجاد یک بخش برای مواد غذای هر منو به صورت داینامیک
  • اضافه کردن انواع اعتبارسنجی روی فیلدها
  • شروع کار با کامپوننت منوی غذا
  • نمایش خروجی دستورهای غذا به صورت داینامیک
  • اضافه کردن کامپوننت کنترلی
  • اتصال موقعیت ها به کامپوننت های کنترلی
  • حذف مواد موجود در دستور غذا
  • نمایش و بروزرسانی قیمت غذا
  • ایجاد یک کامپوننت مودال (Modal)
  • نمایش و حذف کامپوننت مودال به همراه انیمیشن
  • پیاده سازی کامپوننت های Backdrop
  • اضافه کردن دکمه های دلخواه به کامپوننت
  • افزودن قیمت به سبد سفارش
  • افزودن تولبار
  • استفاده از لوگو در نرم افزار
  • افزودن منوها
  • ایجاد محیط رسپانسیو در نرم افزار
  • افزودن آیکون همبرگر به عنوان یک غذا
  • بهبود ویژگی ها و اعتبارسنجی آنها
  • استفاده از کامپوننت ها و متدهای چرخه حیات آن

کار با درخواست های HTTP و Ajax در ری اکت

  • درک مفاهیم انواع درخواست های HTTP
  • درک مفاهیم مربوط به بک اند و معرفی Axios
  • ایجاد یک درخواست HTTP برای متد GET
  • رندر کردن (نمایش) داده های بدست آمده و نمایش آنها در صفحه
  • تبادل اطلاعات بین فرانتند و بک اند
  • ارسال داده ها بر اساس متد POST در یک درخواست HTTP
  • ارسال یک درخواست DELETE در HTTP
  • کار کردن با خطاها و پاسخ های منفی یک درخواست
  • افزودن میان افزارها یا Interceptor ها به کدهای خروجی
  • ایجاد یک تنظیمات پیشفرض برای کتابخانه Axios

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش دوم)

  • تست درخواست های HTTP روی پروژه
  • نمایش یک اسپینر (حالت لودینگ) تا زمان دریافت اطلاعات
  • کار کردن با خطاها
  • دریافت اطلاعات از یک Backend خارجی (مانند JsonPlaceHolder)

ایجاد نرم افزارهای تک صفحه ای با استفاده از Routing یا مسیردهی

  • معرفی مسیردهی یا Routing در نرم افزارهای SPA
  • راه اندازی لینک ها
  • معرفی پکیج های Router ری اکت (react-router)
  • آماده سازی پروژه برای مسیردهی
  • ایجاد مسیرها و نمایش آنها
  • ایجاد یک مسیر به ازای یک کامپوننت
  • تغییر صفحات (بدون رفرش شدن)
  • استفاده از لینک ها برای تغییر صفحات
  • استفاده از Routing-Related Props
  • معرفی withRouter و ویژگی های هر مسیر
  • تعریف مسیرهای مطلق و نسبی
  • استایل دادن به مسیرهای فعال (فعال بودن یک منو)
  • ارسال پارامترها به هر مسیر
  • استخراج پارامترها از هر مسیر
  • مسیریابی خودکار
  • درک مسیرهای تو در تو
  • ایجاد مسیرهای تو در تو به صورت داینامیک و پویا
  • ریدایرکت کردن درخواست ها
  • کار کردن با Guard ها برای محافظت از یک مسیر
  • نمایش صفحه ۴۰۴ برای مسیرهای ناشناخته
  • لود تنبل (Lazy Loading) کامپوننت ها برای بهینه سازی نرم افزارها

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش سوم)

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

فرم ها و اعتبارسنجی آنها

  • آنالیز نرم افزار و بررسی اهمیت فرم ها در اپلیکیشن ها
  • ایجاد ورودی های داینامیک (پویا)
  • نصب و کانفیگ فرم ها
  • افزودن یک کامپوننت آبشاری (Dropdown)
  • کار کردن با ورودی ها (Input Box)
  • ثبت اطلاعات یک فرم
  • افزودن اعتبارسنجی های دلخواه برای فرم ها
  • نمایش خطاهای اعتبارسنجی

کار با Redux در React

  • معرفی موقعیت ها
  • بررسی موقعیت های پیچیده در یک نرم افزار
  • معرفی کتابخانه Redux
  • نصب و راه اندازی Redux
  • معرفی Reducer
  • معرفی Action ها
  • افزودن یک Subscription
  • اتصال React به Redux
  • ارسال و دریافت داده ها با استفاده از Action ها
  • بررسی تغییر وضعیت درون یک Reducer
  • بروزرسانی موقعیت ها
  • بروزرسانی آرایه ها
  • ترکیب چندین Reducer با یکدیگر
  • درک مفاهیم مربوط به انوع موقعیت ها یا State Types
  • ترکیب UI State ها و Redux

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش چهارم)

  • نصب Redux و React Redux در پروژه
  • افزودن Reducer به مواد غذایی
  • محاسبه قیمت یک غذا بر اساس مواد غذایی آن
  • برقراری ارتباط بین Redux و UI State
  • افزودن صفحه پرداخت و دریافت اطلاعات با Redux

سطح پیشرفته Redux

  • افزودن میان افزارها (Middleware)
  • استفاده از ابزار Redux DevTools
  • معرفی سازنده های Action ها
  • معرفی سازنده ها و کدها غیرهمزمان (Async Code)
  • کار کردن با کدها و خروجی های غیر همزمان
  • بازنویسی Action ها
  • استفاده از Action Creator ها و دریافت موقعیت ها
  • استفاده از توابع کمکی

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش پنجم)

  • افزودن احراز هویت (Authentication) به نرم افزار
  • درک مفاهیم Authentication یا احزار هویت در React و نرم افزارهای تک صفحه ای
  • افزودن فرم احراز هویت
  • افزودن Action های مربوط به آن
  • دریافت توکن (Token) از بک اند
  • افزودن فرم ورود کاربر
  • ذخیره سازی توکن ها
  • افزودن یک اسپینر (لودینگ) قبل از دریافت توکن
  • ایجاد لینک خروج کاربر
  • ایجاد سطح دسترسی برای مسیرهای حفاظت شده
  • بروزرسانی UI نرم افزار بر اساس وضعیت احزار هویت کاربر (Auth)
  • ریدایرکت کردن کاربرانی که عضو سایت نیستند
  • ریدایرکت کردن کاربران به صفحه پرداخت
  • افزایش مدت زمان ورود کاربران به سایت با استفاده از localStorage

تست کردن نرم افزارهای React

  • تست کردن یا Testing چیست؟
  • معرفی ابزارهای مورد نیاز تست یک نرم افزار React
  • نوشتن اولین بلوک تست نرم افزاری
  • تست کردن کامپوننت ها
  • تست کردن کانتینرها
  • تست کردن Redux

بارگذاری یک نرم افزار React در سرور واقعی

  • معرفی انواع سرور ها
  • دریافت خروجی یک نرم افزار برای بارگذاری در سرور واقعی
افزودن به سبد خرید
250000 تومان
کارما دریافت 40 کارما با شرکت در این دوره
استفاده بیش از یک نفر از این محصول غیرقانونی و از لحاظ شرعی حرام می‌باشد.
میزان پیشرفت دوره:
٪100
315 نفر
شرکت کرده‌اند
68 نظر
ثبت شده است
امتیاز (93 رای)
تاریخ انتشار:
1397-10-19
وضعیت دوره:
تکمیل شده
تعداد جلسات:
64
مدت زمان:
23:56:48
حجم کل:
4.2 گیگابایت
سازگاری با فریم ورک Javascript:
ReactJS
سطح:
تمام سطوح
مسعود صالحی
مدرس: مسعود صالحی
1150 کارما
دارای 10 پاسخ صحیح دارای 10 پاسخ صحیح
بیش از ۲ سال عضویت در روکسو بیش از ۲ سال عضویت در روکسو
دارای 1000 کارما دارای 1000 کارما
ارسال کننده پاسخ با ۱۰ رای ارسال کننده پاسخ با ۱۰ رای

دیدگاه‌های شما (68 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mottaghi.morteza@gmail.com
morteza
17 آذر 1399

این دوره چند ساعته؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
17 آذر 1399

سلام وقت شما بخیر

حدود ۲۴ ساعت

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

peymanbahrami72@gmail.com
peyman bahrami
30 آبان 1399
import React from "react";
import { connect } from "react-redux";

class Rdx extends React.Component {
  constructor(props) {
    super(props);
    this.state = { counter: 0 };
  }
  change = (act, val) => {
    switch (act) {
      case "inc":
        this.setState((prvS) => {
          return { counter: prvS.counter + val };
        });
        break;
      case "dec":
        this.setState((prvS) => {
          return { counter: prvS.counter - val };
        });
        break;
      default:
        return { counter: this.state.counter };
    }
  };
  render() {
    return (
      <div>
        <p>Count - {this.props.ctr}</p>
        <button type="button" onClick={this.props.inc}>
          INC
        </button>
        <button type="button" onClick={this.props.dec}>
          DEC
        </button>
        <button type="button" onClick={this.props.inc}>
          INC 5X
        </button>
        <button type="button" onClick={this.props.dec}>
          DEC 5X
        </button>
      </div>
    );
  }
}


const ms = (state) => {
  return { ctr: state.counter };
};

const disAction = (dispatch) => {
  return {
    inc: () => {
      dispatch({ type: "inc", value: 1 });
    },
    dec: () => {
      dispatch({ type: "dec", value: 1 });
    },
  };
};

export default connect(ms, disAction)(Rdx);

---------------------------------------------------------------------------

const st = {
  counter: 0,
};
const reducer = (state = st, action) => {
  switch (action.type) {
    case "inc":
      return { ...state, ctr: state.counter + action.value };
    case "dec":
      return { ...state, ctr: state.counter - action.value };
  }
};

export default reducer;

----------------------------------------------------------------------------

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { createStore } from "redux";
import { Provider } from "react-redux";
import reducer from "./Redux/reducer";

const str = createStore(reducer);

ReactDOM.render(
  <Provider store={str}>
    <App />
  </Provider>,
  document.getElementById("root")
);
------------------------------------------------------------------

سلام استاد

من تو قسمت کانکت کردن ری اکت به ریداکس تمام مراحل رو به درستی ادامه دادم ولی مشکلی که هست به ارور ctr is not defiend میخورم . در واقع اصلا state اولیه رو نمیتونه دریافت کنه کامبوننت من.

ایراد از چیه؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
01 آذر 1399

سلام وقت شما بخیر

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

reza.hashemi19@gmail.com
reza hashemi
20 خرداد 1399

درود و سپاس از تیم روکسو و استاد مسعود صالحی عزیز ،

با اومدن contex و راحت شدن خیلی از مشکلات و پیچیدگی ها در ریداکس ، لطفا توضیح میدهید که آیا میتوان از این به بعد فقط از contex استفاده کرد ، و ریداس یه جورایی discontinue  شده ؟

سپاسگذارم از تیم روکسو اگه پاسخ بنده رو بدید

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 شهریور 1399

سلام وقت شما بخیر

توجه داشته باشید که redux یک سیستم قدرتمند برای مدیریت اطلاعات و موقعیت داده ها هست. هنوز جایگزینی برای آن پیدا نشده است. و این بدین معنیست که ریداکس به عنوان یک سیستم قدرتمند می تواند در پروژه های پیشرفته بکار گرفته شود.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

peyman.bahreini68@gmail.com
پیمان بحرینی
05 خرداد 1399

چه قسمت هایی آپدیت شدن؟

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
07 خرداد 1399

لطفا بررسی بفرمایید. فصل های انتهایی دوره موارد آپدیت شده را ارائه می دهند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

moeinupset@gmail.com
moein kolivand
03 خرداد 1399

حالا که دوره  اپدیت شده کاشکی مبحث ssr کردن هم نشون میداد!

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
02 خرداد 1399

سلام ببخشید چرا توی این آموزش از ui kit ها استفاده نشده ؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
03 خرداد 1399

سلام وقت شما بخیر

ui kit یک پکیج مانند بوت استرپ است که شما می توانید بسته به نیاز خودتون اون رو جایگزین بوت استرپ کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
03 خرداد 1399

خب اینطوری که نمیشه الان من مثلا بلد نیستم

شما وظیفتونه در قبال پولی که ما دادیم کامل این چیزارو بهمون یاد بدید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
04 خرداد 1399

خب اگر بخوایم اینطوری به قضیه نگاه کنیم اصلا نیازی نیست ما دوره شما رو بخریم 

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

شما وظیفتونه که آموزشش بدید اینو

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

aa090818@yahoo.com
amir ashrafi
01 خرداد 1399

مرسی بابت آپدیت دوره یه چیزیم بگم دوستانی که منتظرن دوره مبحث مورد نظرشون آپدیت بشه مثله ری اکت و اینا به نظرم سعی کنین وقتی بیس رو  حالا با یه منبع خیلی خوبی مثله همین دوره ری اکت روکسو ری اکت رو یاد میگیرن دیگه بهتره اگه میخوان حرفه ای کار کنن حتما از سایت رسمیه خوده ری اکت  یا حالا کتابخونه های دیگه آپدیت هایی که براش میاد رو جویا بشن و منتظر نباشن که یکی بیاد براشون دوباره ویدیو درست کنه  و چیزای جدیدو بگه چون ممکنه به دلیل مشغله نتونن اینکارو کنن اونوقت شما عقب میفتین و منتظرین تایم طولانی ای رو صبر کنین تا مدرس مورد نظر وقت کنه و آپدیتشو بده در صورتی که توی همون تایمی که صبر کردین میتونین برید سراغ مباحث جدید اون تکنولوژی مد نظرتون و یادش بگیرین تا وقتتونم هدر نره.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

omid.mardaneh@gmail.com
omid
30 اردیبهشت 1399

سلام وقت بخیر

برام خیلی جالب من چندبار به دوستام شما رو معرفی کردم پارسال که از شما خرید کنن

برام خیلی جالب چند روز در میون میام سر میزنم تا حالا ندیدم هیچ کدوم از دوره هایی که رکورد کردین رو آپدیت کنین

فکر میکنم این حق خریدار باشه که زمانی که میگین خودتون دوره اپدیت میشه اپدیت رو دریافت کنن

من فروردین با پشتیبانی حرف زدم بابت اپدیت این دوره گفتن تا اخر اردیبهشت اپدیت میشه امروز 30 اردیبهشت !

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
30 اردیبهشت 1399

سلام وقت شما بخیر

متاسفانه بررسی دقیقی رو مباحث آپدیت نداشتید. در حال حاضر دوره های روکسو به آخرین نسخه خودشون آپدیت هستند. و شما باید به فیلد تاریخ بروزرسانی در ستون سمت چپ (کنار تاریخ انتشار) توجه کنید. امروز ۳۰ اردیبهشت ماه می باشد و در حال حاضر دوره ری اکت به نسخه ۱۶.۱۳.۱ بروزرسانی شده و فصل های جدید در حال بارگذاری هستند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

jebraieili@gmail.com
مهدی رضوی
06 اردیبهشت 1399

سلام
ممنون از آموزش های خوبتون،من هم دوره انگولار هم ری اکت و هم ویو رو ازتون خریداری کردم و خیلی راضی هستم، اما دوره انگولارتون خیلی کاملتر از دوره های دیگه بود، اگر مبحث server side rendering رو در دوره های ویو و ری اکت هم بگید ممنون میشم در دوره انگولار خیلی به خوبی این موضوع رو توضیح دادین.
ممنون

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mahyar.moazezi@gmail.com
مهیار معززی
05 اردیبهشت 1399

به نظرم بیشتر مباحث جای اینکه اموزش داده بشه فقط اجرا میشه و ما باید  از کد نویسی شما خودمون بفهمیم چی به چیه بخصوص مباحث دیباگ و هوک در پروژه عملی...لطفا پروژه ساخت قالب با ریاکت و یا اتصالش به وردپرس هم بزارید 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

shahriyari1006@gmail.com
پژمان شهریاری
21 فروردین 1399

سلام ممنون بابت دوره خوبتون ،

فقط ای کاش از اول مبحث routing رو میگفتید و بعد ادامه داستان بنظرم اینجوری بهتر میشد 

متشکرم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

peyman.bahreini68@gmail.com
پیمان بحرینی
18 فروردین 1399

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
18 فروردین 1399

سلام وقت شما بخیر

لطفا افزونه Internet Download Manager را از مرورگر خود حذف یا غیر فعال کرده و سپس اقدام به دانلود کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

moeinupset@gmail.com
moein kolivand
12 فروردین 1399

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

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
16 فروردین 1399

سلام وقت شما بخیر

در حال تدوین آپدیت جدید برای این دوره هستیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

moeinupset@gmail.com
moein kolivand
19 فروردین 1399

سلام زمان تقریبی اماده شدن جلسات جدید کیه ؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
19 فروردین 1399

سرفصل ها و دسته بندی مطالب در حال اجرا می باشد و تا انتهای اردیبهشت ماه نسخه جدید بروزرسانی شده و در ادامه دوره قرار می گیرد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

qsalar905@yahoo.com
Salar Rezaee
08 فروردین 1399

سلام دوره بسیار خوبی و مباحث عالی توضیح داده میشن

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mahtabyarahmadi448@gmail.com
مهتا
05 فروردین 1399

سلام. روز بخیر

من قبلا انگولار کار میکردم
به تازگی تو یه شرکت مشغول بکار شدم که برای بخشی از پروژه هاشون react کار میکنن و لازمه که یاد بگیرم
اما ساختار پروژه هاشون رو دیدم اونا react با typescript کار کردن بیشتر از مفهوم interface استفاده کردن، این اموزش برای من میتونه کاربردی باشه؟
ممنون میشم زودتر راهنماییم کنین

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
08 فروردین 1399

سلام وقت شما بخیر

در این آموزش صفر تا صد انگولار ارائه شده و تمام سرفصل ها به صورت مشخص در وب سایت قابل مشاهده هستند. لطفا بررسی کرده و سپس دوره را خریداری کنید. مدل های کامل کنترلر،‌ویو و مدل در این دوره بررسی می شوند و مباحث مربوط به Interceptor‌ ها را به صورت کامل ارائه کردیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

m.rezapersii@yahoo.com
محمدرضا
24 اسفند 1398

سلام وقتتون بخیر

دوره react native کی در سایت قرار می گیره

تشکر

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mravangi92@gmail.com
مصطفی راونگی نژاد
14 اسفند 1398

سلام وقت بخیر چطور میشه از فایل هایی که گذاشتین یه پروژه جدید ایجاد کرد؟ cd میکن رو فایل و npm install رو میزنم منتهی ارور میگیره

دقت کنید میخوام از فایل هایی که گذاشتین یه پروژه جدید ایجاد کنم

 

لطفا راهنمایید کنید

 

در ضمن دوره قوی و خیلی خوبی بود. مچکرم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
16 اسفند 1398

سلام وقت شما بخیر

لطفا سوالات فنی خود را از طریق بخش تیکت های پشتیبانی با مدرس دوره در میان بگذارید. تیکت های پشتیبانی در بخش پروفایل کاربری من (بالای صفحه) وجود دارد.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mahdi70ah@gmail.com
مهدی کیانی
14 اسفند 1398

با سلام

در مورد خرید این اموزش سوالی داشتم

مدیر پروژه این رابطه رو از من میخاد بین react &laravel

میگه من یعنی از سمت react در خواست فرم ثبت نام رو برای بک اند ارسال میکنم و بک اند فرم رو برام ارسال میکنه شامل اینپوتهای مورد نظر و خصوصیات هر کدام و من باید با توجه به داده دریافتی فرم ثبت نامم بسازم

من قبلا یک فرم پیش فرض می ساختم  و تمام بود ولی الان با توجه به داده دریافتی باید اون فرم ساخته بشه یعنی اینپوتها باید با توجه به داده دریافتی تازه ساخته بشن این توی این اموزش هست؟ممکنه بگین در چه قسمتی؟

و این که مدیر پروژه میگه که API باید در یک تگ متا در بالای صفحه گذاشته بشه در حالی که من در axios  در متد get یا  post استفاده میکنم

اگه لطف کنید راهنمایی بفرمایید اگه مطلب مورد نظرم در این اموزش هست و در چه قسمتی قطعا اموزش تهیه میکنم

با سپاس فراوان

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
16 اسفند 1398

سلام وقت شما بخیر

در این پروژه آموزش پیاده سازی یک سیستم کامل با استفاده از ری اکت را به شما دوست عزیز ارائه می دهیم و حتی به نحوه برقراری ارتباط با سمت سرور هم اشاره می کنیم ولی این مواردی که شما فرمودید (مثل لاگین کردن کاربر) معمولا در سمت سرور اتفاق می افتد و در سمت ری اکت فقط نمایش داده می شود بنابراین نحوه لاگین به شما ارائه شده ولی نحوه مدیریت کردن کاربرانی که لاگین کرده اند در سمت سرور بوده و شما باید منتظر دوره API نویسی لاراول باشید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

jamdar.it@gmail.com
محسن
10 اسفند 1398

سلام

آیا برای استفاده از این دوره باید باید بک اند هم بلد باشیم؟ چون اطلاعات کاربران مگه در سرور ذخیره نمیشه خب اگه بک اند ندونیم چطوری اطلاعات کاربران باید فراخونی کنیم یا اصلا از همه مهمتر اطلاعات این فروشگاه اینترنتی مگه نباید در سمت سرور ذخیره بشه خب بدون دانستن یه زبان بک اند مثل php چطوری رو انجام میدین شما؟

اصلا هیچ پیش زمینه ایی در این موراد ندارم ممنون میشم راهنمایی کنید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
11 اسفند 1398

سلام وقت شما بخیر

در این دوره آموزشی همانطور که از عنوان آن مشخص است شما یک کتابخانه به نام ری اکت جی اس را فرا میگیرید که این کتابخانه برای سمت کاربر یا به اصطلاح frontend می باشد. یک فرد که در حوزه فرانتد کار می کند، نیازی ندارد که زبان بک اند هم یاد بگیرد. چون وظیفه این شخص طراحی رابط کاربری آسان و قابل دسترس است. در این دوره ما بخش هایی مانند اطلاعات فروشگاه و غیره را به صورت یک فایل json خارجی (منبع بک اند خارجی) ایجاد می کنیم و شما می توانید از این ساختار به عنوان تست بهره ببرید. لذا احتیاجی نیست که زبان سمت بک اند را یاد بگیرید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

nazaninnazi134@gmail.com
نازگل
06 اسفند 1398

از چه زبانی استفاده شده

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
06 اسفند 1398

کتابخانه ری اکت با زبان جاوا اسکریپت نوشته شده است، بنابراین ما هم از این زبان استفاده کرده ایم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

nazaninnazi134@gmail.com
نازگل نصیری
07 اسفند 1398

منظورم زبان سمت backend

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

پیگیری مطالب جذاب و تخفیف‌ها

اینستاگرام روکسو تلگرام روکسو ایمیل و خبرنامه روکسو