دوره جامع و پیشرفته React و Redux

109,000 تومان

تعداد دانشجوها: 726

 

بعد از ثبت نام در دوره، برای دانلود ویدیوها وارد قسمت “حساب کاربری” شوید.

آخرین به روز رسانی: ۱۱ اردیبهشت ۱۴۰۰

مدت زمان دوره: ۱۴ ساعت و ۴۰ دقیقه

توضیحات

React و Redux یکی از محبوب‌ترین و پرکاربردترین ابزارهای توسعه نرم افزار هستند. این دو کتابخانه با زبان برنامه نویسی جاوااسکریپت ساخته شده‌اند و برای توسعه فرانت‌اند استفاده می‌شوند.

قسمت رابط کاربری یک نرم افزار می‌تواند پیچیدگی‌های زیادی داشته باشد. به عنوان مثال، ممکن است المنت‌های زیادی بعد از درخواست‌های HTTP به سرور دچار تغییر شوند. در چنین مواردی کتابخانه React به عنوان یک راه حل در نظر گرفته می‌شود.

معماری این کتابخانه به گونه‌ای توسعه داده شده که بتواند تغییرات قسمت فرانت‌اند را با سرعت بیشتری پیاده سازی کند. به همین دلیل React به یکی از ابزارهای محبوب توسعه فرانت‌اند برای بسیاری از شرکت‌های نرم افزاری تبدیل شده است.

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

دوره جامع و پیشرفته React و Redux فرانت کست برای یادگیری بهتر و درک دقیق این دو کتابخانه طراحی شده است. در طول این دوره با بررسی جامع مفاهیم React و Redux تلاش می‌کنیم تا یک نرم افزار را به صورت کامل پیاده سازی کنیم.

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

مهم‌ترین پیش‌نیاز این دوره، درک مفاهیم زبان برنامه نویسی جاوااسکریپت است. به این دلیل که React و Redux هر دو با این زبان توسعه داده شده‌اند. برای یادگیری دقیق جاوااسکریپت، دوره جامع و پیشرفته جاوااسکریپت فرانت کست را پیشنهاد می‌کنیم.

یک ساعت از دوره جامع و پیشرفته React و Redux را در کانال یوتوب می‌توانید ببینید.

 

سرفصل‌ها:

معرفی دوره. بررسی دوره جامع و پیشرفته React و Redux – مشاهده ویدیو

۱. پیش نیازهای دوره – مشاهده ویدیو

۲. یادگیری دقیق‌تر مفاهیم و پشتیبانی دوره – مشاهده ویدیو

۳. سرفصل‌های دوره و مسیر یادگیری – مشاهده ویدیو

۴. بررسی کتابخانه React – مشاهده ویدیو

۵. دلایل استفاده از Redux در پروژه – مشاهده ویدیو

۶. ابزارهای مورد نیاز برای توسعه نرم افزار با React

۷. راه اندازی محیط توسعه

۸. نصب و بررسی بسته نرم افزاری Create React App

۹. توسعه اولین کد React

۱۰. درک مفهوم کامپوننت در React

۱۱. استفاده از دستورات JSX

۱۲. استفاده از کامپوننت‌ها

۱۳. بررسی انواع کامپوننت‌ها

۱۴. کار با مقادیر داینامیک

۱۵. استفاده از Props

۱۶. استفاده از props.children

۱۷. مفهوم State در React

۱۸. استفاده از توابع برای مدیریت Eventها

۱۹. مدیریت State در کامپوننت

۲۰. استفاده از useState برای مدیریت State

۲۱. بررسی کامپوننت‌های Stateful و Stateless

۲۲. افزودن فایل‌های استایل

۲۳. ارسال متدها در کامپوننت‌ها

۲۴. استفاده از متد bind

۲۵. بررسی استایل‌های Inline در React

۲۶. نمایش المنت‌ها بر اساس شرط

۲۷. مدیریت مقادیر داینامیک

۲۸. نمایش لیست‌ها

۲۹. حذف مقادیر لیست

۳۰. بهینه سازی آپدیت State

۳۱. بررسی Key در لیست‌ها

۳۲. توسعه لیست‌های داینامیک

۳۳. بهینه سازی ساختار فایل‌های پروژه

۳۴. توسعه کد در کامپوننت‌های مختلف

۳۵. بررسی Lifecycle در کامپوننت‌ها

۳۶. استفاده از متدهای Lifecycle در پروژه

۳۷. بررسی متدهای Lifecycle برای آپدیت

۳۸. استفاده از متدهای Lifecycle برای تغییر Props

۳۹. استفاده از متدهای Lifecycle برای تغییر State

۴۰. بررسی useEffect در فانکشنال کامپوننت‌ها

۴۱. مدیریت اجرای useEffect

۴۲. تابع Cleanup در useEffect

۴۳. استفاده از HOC برای المنت‌های JSX

۴۴. استفاده از React.Fragment

۴۵. درک بهتر Higher Order Component

۴۶. توسعه HOC به صورت داینامیک

۴۷. ارسال مقادیر Props در HOC

۴۸. استفاده از Ref در کلاس کامپوننت‌ها

۴۹. استفاده از Ref در فانکشنال کامپوننت‌ها

۵۰. ارسال مقادیر Props در کامپوننت‌ها

۵۱. استفاده از Context API 

۵۲. بررسی مقدار contextType

۵۳. استفاده از useContext در فانکشنال کامپوننت‌ها

۵۴. جمع بندی مفاهیم قسمت کامپوننت‌ها

۵۵. طراحی ساختار پروژه اصلی – کامپوننت‌ها

۵۶. طراحی ساختار پروژه اصلی – Stateها

۵۷. توسعه کامپوننت Layout

۵۸. افزودن فونت به برنامه

۵۹. شروع توسعه کامپوننت Shopping

۶۰. توسعه کامپوننت Controls

۶۱. توسعه کامپوننت Builder

۶۲. تابع افزودن محصول

۶۳. تابع حذف محصول

۶۴. محاسبه مجموع قیمت محصولات

۶۵. توسعه Modal برای لیست سفارش‌ها

۶۶. نمایش سفارش‌ها در Modal

۶۷. نمایش Modal بر اساس Click

۶۸. توسعه کامپوننت Backdrop

۶۹. توسعه کامپوننت Button

۷۰. استفاده از کامپوننت Button

۷۱. افزودن مجموع قیمت به لیست سفارش‌ها

۷۲. توسعه کامپوننت Navigation

۷۳. توسعه آیتم‌های Navigation

۷۴. بررسی نسخه اول پروژه اصلی

۷۵. بررسی درخواست‌های HTTP

۷۶. استفاده از پکیج Axios

۷۷. ارسال درخواست GET

۷۸. دریافت اطلاعات از API

۷۹. آپدیت اطلاعات دریافت شده

۸۰. انتخاب یک پست در برنامه

۸۱. آپدیت اطلاعات یک پست

۸۲. ارسال درخواست POST

۸۳. ارسال درخواست DELETE

۸۴. مدیریت خطاها

۸۵. تنظیمات Default در Axios

۸۶. استفاده از Instance در Axios

۸۷. بررسی پروژه API

۸۸. ذخیره اطلاعات در پایگاه داده

۸۹. استفاده از پایگاه داده

۹۰. ساختن پروژه Firebase

۹۱. افزودن Axios به پروژه اصلی

۹۲. ارسال اطلاعات سفارش به سرور

۹۳. نمایش Loading

۹۴. دریافت اطلاعات محصولات از سرور

۹۵. جمع بندی مفاهیم قسمت API

۹۶. بررسی نرم افزارهای SPA

۹۷. افزودن لینک‌ها به برنامه

۹۸. نصب و راه اندازی React Router

۹۹. تغییر ساختار فایل‌های برنامه

۱۰۰. افزودن Routeها

۱۰۱. نمایش کامپوننت‌ها در Route

۱۰۲. استفاده از کامپوننت Link

۱۰۳. بررسی Props در Routing

۱۰۴. مقادیر متغیر در Routeها

۱۰۵. استفاده از کامپوننت Switch

۱۰۶. استفاده از آبجکت History

۱۰۷. بررسی کامپوننت Redirect

۱۰۸. ریدایرکت Routeها بر اساس شرط

۱۰۹. مدیریت صفحات ۴۰۴

۱۱۰. افزودن React Router به پروژه اصلی

۱۱۱. توسعه کامپوننت Checkout

۱۱۲. افزودن Link به Navigation

۱۱۳. توسعه کامپوننت Account

۱۱۴. جمع بندی مفاهیم قسمت React Router

۱۱۵. افزودن فرم به پروژه

۱۱۶. توسعه کامپوننت Input

۱۱۷. بررسی تنظیمات المنت‌های فرم

۱۱۸. ساختن Input بر اساس تنظیمات State

۱۱۹. دریافت اطلاعات از کاربر

۱۲۰. توسعه تابع Submit فرم

۱۲۱. ارسال اطلاعات به سرور

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

۱۲۳. نمایش نتیجه اعتبار سنجی

۱۲۴. بهینه سازی نمایش نتیجه

۱۲۵. بررسی Hookها در React

۱۲۶. ساختار پروژه React Hooks

۱۲۷. استفاده از useState

۱۲۸. بررسی آپدیت State در useState

۱۲۹. استفاده از Array Destructuring

۱۳۰. استفاده از Stateهای متعدد

۱۳۱. ارسال اطلاعات State بین کامپوننت‌ها

۱۳۲. ارسال درخواست HTTP

۱۳۳. بررسی useEffect و دریافت اطلاعات

۱۳۴. مفاهیم پیشرفته در useEffect

۱۳۵. استفاده از useCallback

۱۳۶. استفاده از useRef

۱۳۷. تابع Clean up در useEffect

۱۳۸. مدیریت Stateها با useReducer

۱۳۹. استفاده از useContext

۱۴۰. توسعه Hookهای Custom

۱۴۱. جمع بندی قسمت Hookها در React

۱۴۲. درک بهتر Redux

۱۴۳. راه اندازی پروژه

۱۴۴. بررسی Store و Reducer

۱۴۵. فراخوانی Action

۱۴۶. افزودن متد subscribe

۱۴۷. بررسی ساختار پروژه Redux

۱۴۸. استفاده از Redux در React

۱۴۹. اتصال Store به کامپوننت App

۱۵۰. فراخوانی Action در کامپوننت

۱۵۱. پیاده سازی توابع Dispatch

۱۵۲. دریافت اطلاعات از Action

۱۵۳. استفاده از دستور Switch Case

۱۵۴. نمایش مقدار Store

۱۵۵. بهینه سازی Actionها

۱۵۶. استفاده از Redux Dev Tools

۱۵۷. جمع بندی مفاهیم Redux

۱۵۸. بررسی ساختار فایل‌ها و راه اندازی Git – آموزش Git

۱۵۹. نصب پکیج Bootstrap

۱۶۰. توسعه کامپوننت‌های Header و Footer

۱۶۱. افزودن پکیج Font Awesome

۱۶۲. نمایش محصولات در صفحه اصلی

۱۶۳. توسعه کامپوننت Product

۱۶۴. افزودن توضیحات محصول

۱۶۵. نصب پکیج React Router

۱۶۶. افزودن لینک‌ها

۱۶۷. توسعه صفحه محصول

۱۶۸. جریان داده در بک‌اند

۱۶۹. بررسی ساختار قسمت بک‌اند پروژه

۱۷۰. دریافت محصولات از بک‌اند

۱۷۱. بررسی خطا CORS

۱۷۲. دریافت یک محصول از بک‌اند

۱۷۳. افزودن Redux به پروژه

۱۷۴. اتصال Store به کامپوننت App

۱۷۵. توسعه Reducer برای لیست محصولات

۱۷۶. پیاده سازی Actionهای محصولات

۱۷۷. استفاده از مقادیر جدید برای State

۱۷۸. نمایش محصولات بر اساس مقادیر جدید State

۱۷۹. توسعه Reducer برای یک محصول

۱۸۰. پیاده سازی Action برای یک محصول

۱۸۱. نمایش صفحه محصول بر اساس مقادیر جدید State

۱۸۲. پیاده سازی کامپوننت سبد خرید

۱۸۳. توسعه Reducer برای سبد خرید

۱۸۴. پیاده سازی Action برای سبد خرید

۱۸۵. تکمیل فرآیند افزودن به سبد خرید

۱۸۶. نمایش محصولات سبد خرید

۱۸۷. محاسبه مجموع قیمت در سبد خرید

۱۸۸. حذف محصول از سبد خرید

 

210 پاسخ به “دوره جامع و پیشرفته React و Redux”

  1. ali گفت:

    سلام استاد عزیز من این دوره رو به اتمام رسوندم ، ممنون از زحماتتون

  2. m.ltf گفت:

    این دوره برای react native مناسب هست؟

    • تمرکز دوره روی مباحث React و Redux هست که خیلی از اونها مشترک هستند با React Native.
      اما در مورد خود مباحث اختصاصی React Native در این دوره صحبتی نمی‌شه.

  3. m.ltf گفت:

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

  4. سیاوش عراقی گفت:

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

  5. مهرداد فلاح گفت:

    سلام
    استاد
    فرق index.css داخل پوشه public
    با index.css داخل پوشه src
    در ری اکت چیه ؟
    داخل پوشه پابلیک دقیقا چیا باید بیاد

  6. مهرداد فلاح گفت:

    سلام استاد
    استاد چه جوری در یک صفحه وب از ساده تا پیچیده،
    کامپوننت ها و state ها رو مشخص کنیم
    اینکه کجاها رو کامپوننت در نظر بگیرم استیت ها چی هستن یا چی باشن؟

    • سلام
      سوالتون خیلی کلی هست و به صورت جامع در طول این دوره توضیح دادم.
      اگر برای دوره ثبت نام نکردید می‌تونید یک ساعت از دوره رو در کانال یوتوبم ببینید.
      در این یک ساعت مفاهیمی که پرسیدید رو بررسی کردیم.

  7. سجاد گفت:

    ببخشید اگه بخوام reactjs یاد بگیرم همین دوره هم آموزش میدید یا دوره دیگه ای پیشنهاد میدید؟

  8. msn گفت:

    استاد یک توضیح درباره تست نویسی میدید؟ من جاواسکریپت بلدم، قدم بعدی باید برم سمت react
    یا تست نویسی رو یاد بگیرم؟

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

  9. shayan vosoughi گفت:

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

    • سلام
      این دوره یک دوره جامع هست و من تلاش کردم تمام مفاهیم React و Redux رو بررسی کنیم.
      همین طور با توجه به به روز رسانی‌های دوره، اگر مفهوم جدیدی اضافه بشه من هم به دوره اضافه می‌کنم.

  10. ali ghanefard گفت:

    استاد من ۵ ماه جاوااسکریپت خوندم و الان همه چیز رو بلدم ایا با دیدن این دوره و دیدن دوره های nodejs و mern stack بالاخره میتونم درامد داشته باشم
    قبلا هم با ریکت اشنایی دارشته ام

  11. ali ghanefard گفت:

    سلام استاد عزیز
    توی این دوره component didmount و useEffect ایا دقیق برسی شده ؟؟؟

  12. امیر گفت:

    سلام استاد خیلی ممنون از آموزش های خوبتون اگه میشه لطف کنین بگین از چه ورژن ریکت توی این آموزش استفاده شده؟

  13. farshid ghalehtaki گفت:

    سلام مشکلم حل شد ممنونم فقط یه سوال داشتم چرا طراحی سایت خودتون با wp و ecommerce هستش دلیلی داره؟ ممنون میشم راهنمایی بفرمایید.

  14. زهرا محمدی گفت:

    سلام استاد خیلی ممنونم از لطف و همکاریتون داخل دوره هیچ کدی نبود؟فقط ویدیوها بود
    ایا فایلها بدون کد ارسال کردی؟

    • خواهش می‌کنم.
      فایل همه پروژه‌ها در قسمت دانلود پنل کاربریتون هستش.
      اگر نیاز به راهنمایی بیشتر دارید می‌تونید توی واتس‌اپ بهم پیام بدید.

  15. زهرا محمدی گفت:

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

  16. sina ghaffari گفت:

    سلام و درود استاد ، من موقع نصب پکیج react-router-dom با این error مواجح میشم به نظرتون مشکل از چی میتونه باشه؟!

    npm ERR! Object for dependency “@babel/core” is empty.
    npm ERR! Something went wrong. Regenerate the package-lock.json with “npm install”.
    npm ERR! If using a shrinkwrap, regenerate with “npm shrinkwrap”.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\123\AppData\Roaming\npm-cache\_logs\2021-06-14T09_13_54_713Z-debug.log

  17. A.Mrd گفت:

    سلام خسته نباشید.
    من دوره‌ی جاوااسکریپت‌تون رو به تازگی تموم کردم. به نظر شما روی جاوااسکریپت تمرین بیشتری کنم و بعد بیام سراغ ری‌اکت یا نه میشه با همون دانش پایه‌ای هم مفاهیم ری‌اکت رو خوب متوجه شد؟

    • سلام
      خیلی ممنونم.
      کتابخانه React بیشتر یک مفهوم هست. از نظر برنامه نویسی همه منطق بر اساس جاوااسکریپت پیش می‌ره.
      برای همین یادگیری React همراه با مفاهیم جاوااسکریپت می‌شه.
      در طول دوره جامع و پیشرفته جاوااسکریپت تا الان دو پروژه رو با مفاهیم برنامه نویسی تابعی و یک پروژه رو با برنامه نویسی شی‌گرا پیاده سازی کردیم.
      به نظرم اگر این مفاهیم رو به خوبی درک کردید کافی هست تا React رو شروع کنید.

  18. Mreza گفت:

    سلام و خسته نباشید خدمت استاد عزیز
    استاد شما دوره ای برای react native رکورد نمی کنید

  19. seriousmeti گفت:

    استاد سلام
    استاد روش دیگه ای جز npm برای نصب react نیست ؟
    چون من نصب میکنم همه فایل های react و نمیاره واسم

  20. H.alizadeh گفت:

    با سلام اگر ممکنه برای آخر هفته تخفیف عید بزارید لطفا

  21. رضا گفت:

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

    • سلام
      پیاده سازی کامل قسمت View یک فروشگاه با React و Redux.
      بعد از تکمیل پروژه یک ویدیو معرفی برای توضیح ساختار پروژه آماده می‌کنم.
      لطفا از قسمت ۱۵۸ به بعد سرفصل‌ها رو مطالعه کنید.

  22. حسن گفت:

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

  23. مهدی گفت:

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

  24. محسن محمدی گفت:

    سلام استاد وقت بخیر
    امکان دانلود دوره به صورت کامل و یک جا ممکن نیست ؟

  25. mr گفت:

    سلام استاد دروود بر شما و اموزش خوب و روانتون .
    استاد اين واقعا يك چالشي شده براي من شما مياين يه روشي رو مثلا براي پياده سازي يك موضوع ميگين و جلسه تموم ميشه من ميرم ۱ ساعت روش وقت ميزارم مرتبت تكرار ميكنم و بعد ميرم جلسه بعدي ناگهان شما ميگين : خوب دوستان يك روش بهتر از قبلي هم هست كه اين منطقي تره و بعد من انگار برجكم زده شده . اگر ميشه قبل از هر روشي بگيد كه ايا اين روش اصلي هست و منطقي تر يا صرفا براي اشنايي هست كه ماهم تنظيم كنيم انرژي رو راندمان كار بيشتر بشه با تشكرررر (:

    • سلام
      ممنونم از لطفتون.
      هدف من در یک دوره آموزشی صرفا انجام دادن چالش‌ها با یک روش مشخص نیست.
      من روی “فرآیند آموزشی” تمرکز می‌کنم. به این معنی که سعی می‌کنم روش‌های مختلف رو در موردشون صحبت کنم و بعد بهینه‌ترین روش رو پیشنهاد کنم.

  26. mohsen-jam گفت:

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

    • سلام
      بله مشکلی نیست، چون صرفا جنبه آموزشی داشته.
      البته من بهتون پیشنهاد می‌کنم خودتون سعی کنید بعد از یادگیری از ابتدا پیاده سازی کنید. برای این که ساختار رو بهتر درک کنید.
      بعد از تکمیل پروژه برای همه پروژه‌هایی کار شده یک ویدیو معرفی آماده می‌کنم.

  27. holybladess گفت:

    استاد نحوه استفاده typescript در react را هم آموزش می دید؟

  28. فاطمه گفت:

    برای شروع این دوره نیاز است که دوره “شروع یادگیری ReactJS” رو گذرونده باشیم یا همین دوره ری اکت رو از پایه آموزش میده؟

    • سلام
      نه نیازی نیست.
      این دوره از مفاهیم اولیه React شروع می‌شه و تا قسمت‌های پیشرفته ادامه داره.
      تنها پیش نیاز دوره یادگیری جاوااسکریپت هست.

  29. محسن گفت:

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

    • سلام
      این دوره سه مینی پروژه، یک پروژه سطح متوسط (ساخن فاکتور فروشگاه) و یک پروژه پیشرفته (فروشگاه پیشرفته) داره.
      پروژه فروشگاه پیشرفته رو به عنوان اولین به روز رسانی در نظر گرفتم.
      در صورتی که کتابخانه‌های React و Redux به روز رسانی بشن، مفاهیم جدید به دوره اضافه خواهند شد.

  30. امیرحسین گفت:

    سلام استاد
    دوره چه زمانی به پایان رسیده؟
    از چه قسمتی پروژه شروع شده و در حال به روز رسانی هست؟
    تا چه مدت دیگه به روز رسانی تموم میشه و پروژه تکمیل میشه؟

  31. Masturdating گفت:

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

  32. mohammad.b گفت:

    استاد سلام
    من یه پروژه میخوام بزنم با mern stack به دلیل سئو باید بحث ssr رو پیاده سازی کنم حالا به نظر شما از next.js استفاده کنم یا نه (تازه میخوام یاد بگیرم و بلدش نیستم ولی با توجه به اینکه مباحث پایه ای رو از شما یادگرفتم یادگیری next.js خیلی نباید سخت باشه)
    ۲٫ اگه من بیام الان سایت رو بدون next.js پیاده سازی کنم بعد بخوام تبدیلش کنم به next.js به مشکل میخورم یا نه (چون راه های دیگه ای هم به جز next.js هست که من درموردشون زیاد نمیدونم گفتم فعلن با react.js بسازم و بعد از تحقیقات کامل بحث ssr رو پیاده سازی کنم)

    • سلام
      به نظرم اگر قرار هست با Next.js پیش برید از ابتدای توسعه ازش استفاده کنید.
      اگر مفاهیم React رو خوب درک کرده باشید یادگیری Next.js خیلی ساده‌تر انجام می‌شه.

  33. gholamreza گفت:

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

    • سلام
      لطفا سوالتون رو کمی با جزییات بیشتر در قسمت پرسش و پاسخ سایت بنویسید تا دقیق‌تر بررسی کنیم.
      منظورم ساختار کلی API هست.
      frontcast.ir/community

  34. Frodo گفت:

    سلام جناب صدری، وقت بخیر
    لطفا در مورد استفاده بهینه و ساختار بندی درست استفاده از sass داخل ری اکت حتما چند ویدئو اموزشی به دوره اضافه کنین، استایل نویسی بهینه در فریموورک های جدید بسیار وابسته به sass هست، ممنون میشم به دوره اضافه بشه

    • سلام
      ممنون از پیشنهادتون.
      مفاهیمی که فرمودید در برنامم برای اضافه کردن به این دوره نیست.
      اما سعی می‌کنم برای این مباحث یک ویدیو یک قسمتی در کانال یوتوب حتما آماده کنم.

  35. mohammad.b گفت:

    استاد سلام
    من دوره رو گذروندم و الان میخوام یه فروشگاه با ری اکت بسازم یکم سرچ کردم و به یه موضوعی برخورد کردم در مورد seo در ری اکت
    چیزی که متوجه شدم ری اکت با seo مشکل داره و گوگل نمیتونه درست پردازش کنه و به همین دلیل همه next.js رو پیشنهاد کردن استفاده کنیم میشه یه توضیحی بدید که چنین چیزی درست هست یا نه
    دوم اینکه اگه میشه یه توضیح هم در مورد استفاده از sass در ری اکت بدید

    • سلام
      یک سری روش‌ها برای بهینه سازی برنامه‌هایی که با React توسعه داده شدند هستند که انشاالله در موردشون صحبت می‌کنم.
      زمانی که از Next.js استفاده می‌کنید، رندر برنامه سمت سرور انجام می‌شه.
      در این دوره از CSS و Bootstrap استفاده کردیم، برنامه‌ای برای Sass ندارم. احتمال داره یک ویدیو یک قسمتی در این مورد برای کانال یوتوب آماده کنم.

  36. enzo360 گفت:

    سلام .استاد من این دوره رو تهیه کردم و یه درخواستی دارم که لینک دانلود یکجا قرار بدید واسه ویدیو ها ازاردهندست که ۱۷۰ تا ویدیو رو هعی بزنی واسه دانلود .

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

  37. enzo360 گفت:

    سلام .استاد من این دوره رو تهیه کردم و یه درخواستی دارم که لینک دانلود یکجا قرار بدید واسه ویدیو ها ازاردهندست که ۱۷۰ تا ویدیو رو هعی بزنی واسه دانلود

  38. amin_ghorbani77 گفت:

    سلام وقت بخیر
    در اپدیت های آتی این دوره , در رابطه با کتابخانه framer motion ریاکت هم مباحثی خواهد بود؟

  39. aminz گفت:

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

    • سلام
      خیلی ممنون.
      مفاهیم GraphQL به قسمت بک‌اند مروبط می‌شن و می‌تونه یک دوره مجزا باشه.
      در طول این دوره مباحث مربوط به React و Redux رو بررسی می‌کنیم.

  40. holybladess گفت:

    سلام استاد پروژه پایانی ریاکت جامع و کامله تا من با تمرین اون بتونم وارد بازار کار بشم؟
    و اینکه کی پروژه به پایان میرسه؟

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

  41. morteza گفت:

    سلام اين دوره تا اينجا چن ساعت هست

  42. Reza19981998 گفت:

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

  43. رضا گفت:

    خسته نباشید استاد
    من تو قسمت استفاده از map عین کد خودتون رو زدم ولی این ارور رو میده
    Cannot read property ‘map’ of undefined
    ممنون میشم راهنماییم کنین

    • سلام
      این مشکل برای زمانی هست که map نتونسته مقدار آرایه رو درست پیمایش کنه.
      احتمال زیاد آرایه مقداردهی نشده.
      لطفا از کدتون یک اسکرین شات توی واتس‌اپ یا تلگرام برای من بفرستید.

  44. enzo360 گفت:

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

    • سلام
      خیلی ممنون.
      این هفته قرار هست به روز رسانی دوره با یک پروژه جدید شروع بشه.
      بعد از تکمیل پروژه حتما پیش نمایش پروژه‌ها رو قرار می‌دم.

  45. a_bahoush گفت:

    با سلام
    من دوره شما رو دیدم و مطالب بسیاری یاد گرفتم . واقعا زحمت کشیدید.
    یک مشکلی که پیش اومده و قبلا نبود اینکه وقتی دکمه سفارش رو میزنیم دیگه صفحه مودال باز نمیشه حتی سورس شمارو گذاشتم دیدم همین جور هست اما صفحه بک دراپ میاد . آیا اشکال از مرور گر هست یا …. چطور این مشکل رو باید حل کرد ممنون میشم کمک کنید

    • سلام
      ممنونم از لطفتون.
      پیشنهاد می‌کنم سورس دوره رو به صورت کاملا جدا نصب و اجرا کنید.
      اگر باز هم مشکلی بود احتمال زیاد مشکل از مرورگر هست.

  46. بیتا گفت:

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

    • سلام
      فعلا برای دوره‌ها تخفیف نداریم.
      لطفا کانال تلگرام رو دنبال کنید، به روز رسانی دوره‌ها و تخفیف‌ها رو اونجا اطلاع رسانی می‌کنم.

  47. mhmd گفت:

    سلام . برای شروع یادگیری react ابتدا دوره “شروع یادگیری ری اکت” رو ببینیم بعد این دوره یا مباحث این دوره کافیه؟؟

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

  48. ahvan گفت:

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

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

  49. ahvan گفت:

    سلام
    بنده ری اکت نیتیو کار می کنم و میخوام دوره رو تهیه کنم و به نظرم با ری اکت همپوشانی زیادی داره و از فرم تدریس شما خوشم می آد.
    به نظر خودم برای ری اکت نیتیو هم مناسب باشه، به نظر شما دوره رو تهیه کنم ؟

    • سلام
      خیلی ممنونم، لطف دارید.
      از نظر دستورات برنامه نویسی و مفاهیم React و Redux تقریبا مشابه به هم هستند.
      اما پلتفرم‌های متفاوتی دارند. به عنوان مثال باید کار با Android Studio و Xcode رو هم یاد بگیرید.

  50. ماهان گفت:

    سلام جناب صدری وقت بخیر ، حالا که دوره داره خوب پیش میره به نظرم رویکرد را به نحوی تنظیم کنید که در وب فارسی بهترین اموزش بشه ، شدیدا پیشنهاد میکنم دو پلاگین motion و formik را هم در قالب چند جلسه آموزش بدین چرا که مبحث انیمیشن های حرفه ای و بهینه در طراحی های جدید به بسیاری حائز اهمیته ، این دو کتابخونه استاندارد هم بسیار مفید و هم مکمل اکوسیستم ری اکت هستند ، لطفا مورد بررسی و اموزش قرار بدین و اینکه در مورد react query هم توضیحاتی بفرمایین تا با فوایدش و قابلیت هاش دوستان آشنا بشن ، با این موارد جامعیت دوره به سطح بسیار مطلوبی نزدیک میشه .

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

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

    • سلام
      خیلی ممنونم از پیشنهادتون.
      واقعیتش هدف اصلی این دوره بررسی مفاهیم React و Redux همراه با پیاده سازی پروژه‌های کاربردی هست.
      قطعا این دو کتابخانه، با تکنولوژی‌های دیگه می‌تونن همراه بشن که تعداد اونها هم کم نیست.
      برای همین به نظرم بهتر باشه برای این موارد ویدیوهای یک قسمتی جداگانه در نظر بگیرم در کانال یوتوب.
      چون هدفم این هست که به روز رسانی یک دوره با پروژه‌های جدید انجام بشه.
      در مورد Nuxt و Gatsby فعلا برنامه ریزی نکردم، اما انشاالله برای دوره‌های بعدی در نظر می‌گیریم.

  51. mori گفت:

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

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

  52. amirhosseinsanaii گفت:

    سلامی دوباره خدمت استاد صدری
    خواستم تشکر کنم بابت کیفیت خوب اموزش
    بنده دوره شما رو تهیه کردم واقعا عالیه از نظر کیفیت ویدیو صدا و از همه مهم تر نحوه اموزش و توضیحات شما

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

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

  53. shmmflr گفت:

    با سلام
    پروژه رو تابعی نوشتین؟
    آیا برای برقراری ارتباط با سرور ازaxios استفاده کردین؟
    من یک دوره ای رو گذروندم اتفاقا خیلی خوبم بود
    ولی پروژه نهایی ساده بود و نتونستم خوب رو بضی چیزا سوار شم میخواستم بدونم آیا این پروژه کامل هست؟
    و من با مفاهیم پایه کار کردم و بلدم فقط دیدن پروژه رو توصیه می کنید؟

    • سلام
      این دوره یک دوره جامع هست. از مفاهیم اولیه شروع می‌شه و تا قسمت‌های پیشرفته ادامه داره.
      در طول دوره توسعه کامپوننت‌ها با استفاده از کلاس‌ها و توابع به صورت جامع بررسی شده‌ است.
      پروژه سطح متوسط دوره با کلاس کامپوننت‌ها توسعه داده شده و پروژه اصلی دوره با توابع و Redux پیاده سازی خواهد شد.
      پروژه اصلی یک فروشگاه کامل هست با React و Redux و بک‌اند Node.js. البته پیاده سازی قسمت View در طول دوره بررسی می‌شه.
      برای درک بهتر بخش‌های مختلف دوره، برای هر بخش یک مینی پروژه جداگانه داریم.
      برای ارسال درخواست‌های HTTP هم از پکیج Axios استفاده شده و هم Fetch API.
      اگر سوالی بود در خدمتم.

  54. Masturdating گفت:

    سلام وقت بخیر، آیا از دو هوک useSelector و useDispatch تو این دوره برای ریداکس استفاده میکنید؟

  55. امیرحسین ثنایی گفت:

    ممنون بابت پاسخ سوال قبلی
    بنده تسلط نسبتا متوسطی به جاوااسکریپت دارم و اشنایی کمی با es6 برای شروع یادگیری ری اکت مسیر یادگیری خاصی وجود داره ؟برای مثال دیدن دوره های دیگه ای که در سایت قرار دادید. یا با همین دوره شروع کنم ؟ ممنون میشم راهنماییم کنید

    • خواهش می‌کنم.
      برای شروع React باید مفاهیم جاوااسکریپت رو تا اندازه خوبی مسلط باشید.
      من دوره جامع و پیشرفته جاوااسکریپت رو بهتون پیشنهاد می‌کنم.
      سعی کردم در طول این دوره مفاهیم این زبان رو به صورت دقیق بررسی کنیم. همین طور این دوره به طور منظم با مفاهیم و پروژه‌های جدید به روز رسانی می‌شه.
      مستندات جاوااسکریپت وب‌سایت MDN رو هم بهتون پیشنهاد می‌کنم.

  56. امیرحسین ثنایی گفت:

    سلام خسته نباشید قصد دارم دوره رو خریداری کنم چند تا سوال داشتم خدممتون این دوره به روز رسانی میشه در اینده؟ تاریخ شروع دوره چه زمانی بوده ؟ پروژه نهایی دوره با اخرین ورژن ساخته میشه ؟

    • سلام
      خیلی ممنونم.
      همه دوره‌های جامع فرانت کست با مفاهیم و پروژه‌های جدید به روز رسانی می‌شن.
      این دوره ۱۴ تیر ۹۹ شروع شده و پروژه نهایی با آخرین نسخه React و Redux پیاده سازی خواهد شد.

  57. faam گفت:

    سلام وقت بخیر ممنون بابت آموزش خوب و کاملتون
    میشه بفرمایید آموزش تا حداکثر چه زمانی کامل خواهد شد؟

    • سلام

      ممنون از شما.
      سعی می‌کنم تا یک ماه‌ آینده تکمیل بشه و بعد از اون پروژه نهایی رو شروع کنیم.
      پیاده سازی پروژه نهایی با استفاده از تمام مفاهیمی هست که تا پایان قسمت Redux پیشرفته بررسی می‌کنیم.

  58. Masturdating گفت:

    سلام، آیا تو پروژه مبحث Public Route و Private Route بهش پرداخته میشه؟ همچنین Auth کردن کاربر؟

    • سلام

      با توجه به این که برای تعیین سطوح دسترسی و فرآیند احراز هویت باید نرم افزار همراه با بک‌اند باشه، برای پروژه نهایی این دوره که همراه با بک‌اند Node.js هست این مفاهیم رو در نظر گرفتم.

  59. amini گفت:

    سلام وقت بخیر ممنون از آموزش خوبتون
    میخواستم بپرسم آموزش redux تا کی به آموزش ها اضافه ها خواهد شد؟
    من در مراحل استخدام و شروع کار رسمی هستم به آموزش redux نیاز دارم

    • سلام
      ممنون از شما.
      این هفته Hookها در React رو شروع می‌کنیم.
      بعد از اون Redux و Redux پیشرفته.
      فکر می‌کنم تا کمتر دو هفته دیگه Redux رو بررسی کنیم.

  60. mohammad.b گفت:

    استاد سلام
    تو فریمورکی مثل بوتسترپ یه سری کلاس هستن که میتونیم به تگ های مختلف اونارو اضافه کنیم مثلن به جای اینکه
    margin:5px
    رو هر دفعه برای هر کدوم از تگها بنویسیم خیلی راحت یه کلاس با اسم مثلن mr_5 میشازیم و همیشه ازش استفاده میکنیم
    خواستم ببینم توی ری اکت چچجوری باید استفاده کنیم و این کلاسها توی کدوم ایل سی اس اس نوشته بشن بهتره چون من تست کردم و میشه توی فایلی که توشه پابلیک هست نوشت و توی فایلی که به app.js هم لینک میشه هممیتونیم بنویسیم
    کدوم یکی منطقی تره

  61. sajjadr7373 گفت:

    سلام.با اجازه از استاد.
    من روی ویندوز ۱۰ این مشکل رو داشتم.
    دستور window powershell رو به وسیله run as administrator رو اجرا کن و بعدش دستور set-executionPolicy remoteSigned تایپ کن و ok و بعد yes رو بزن.

  62. maryamHashemiAsl گفت:

    من همین اول کار به مشکل خوردم :((
    create-react-app رو نصب کردم .موقعی که میخوام که my-app رو بسازم این ارور رو نشون میده
    File C:\Users\MAHA\AppData\Roaming\npm\create-react-app.ps1 cannot be loaded because running scripts is disabled on this system. For more
    information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.

    و منم متوجه نمیشم مشکل از کجاست

  63. maryamHashemiAsl گفت:

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

    و اینکه من دقیق متجه نشدم پروژه قراره چی باشه.یه پروژه ی کاربردیه یا پروژه های کوچیکه؟

    • سلام
      خیلی ممنونم که می‌خواید برای دوره ثبت نام کنید.
      متاسفانه مقدور نیست، لطفا از طریق درگاه بانکی برای دوره ثبت نام کنید.
      این دوره چند مینی پروژه داره، یک پروژه سطح متوسط و یک پروژه نهایی.
      پروژه نهایی یک فروشگاه اینترنتی کامل هست که با React و Redux پیاده سازی می‌شه.
      در آینده با پروژه‌های جدید هم به روز رسانی خواهد شد.

  64. یاسینا گفت:

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

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

  65. sajjadr7373 گفت:

    سلام خسته نباشید.
    اگه امکانش هست یک ویدیو در مورد اضافه کردن font awesome و همچنین استفاده از آیکون های solid و regular و brand و… به ویدیو های دوره اضافه کنید. ممنون

  66. mehdi گفت:

    سلام آقای صدری خسته نباشید .
    لطفا مورد reselect و immer هم صحبت کنید ممنون میشم.

    • سلام
      خیلی ممنونم از پیشنهادتون.
      برای سرفصل‌ها در نظر نگرفتم، یا به دوره اضافه می‌کنم و یا یک ویدیوی توی کانال یوتوب براش آماده می‌کنم.

  67. حسام گفت:

    دورد بر شما تازه با سایت شما اشنا شدم . می تونم بپرسم که تا الان حدودا چند در صد از آموزشی که مد نظرتون هست رو پیش بردین؟

    • سلام
      واقعیتش با درصد نمی‌تونم دقیق بگم خدمتتون.
      این هفته مفاهیم React Router رو شروع می‌کنیم، بعد بحث اعتبار سنجی فرم‌ها.
      بعد مفاهیم Redux رو بررسی می‌کنیم و Redux پیشرفته.
      در نهایت پروژه اصلی دوره رو یک بار به صورت کامل با استفاده از Hookها پیاده سازی می‌کنیم.
      آخرین قسمت هم مربوط به بررسی مفاهیم Next.js هست.

  68. نیما فیض شمس گفت:

    استاد جان سالم وقت بخیر امیدوارم حالتون خوب باشه
    استاد میشه در این دوره درباره redux thunk , و redux saga صحبت کنیم

  69. نیما فیض شمس گفت:

    با سلام و احترام فراوان استاد عزیز و دسو داشتنی

    استاد در این دربراه هوک ها و کاربرد هاشون صحبت میشه ؟۱

  70. masood.mehrkesh13777 گفت:

    سلام استاد ببخشید چند جلسه دیگه مونده تا مبحث ریداکس ؟

  71. شاهین گفت:

    سلام وقتتون بخیر آیا این دوره پروژه محوره؟

    • سلام
      بله، یک پروژه اصلی داریم که فروشگاه هست. این پروژه رو با روش‌های متنوع پیاده سازی می‌کنیم.
      اولین نسخه پیاده سازه با کلاس کامپوننت‌ها هست، بعد از اون با استفاده از API و در نهایت به کمک Redux و Hookها.
      البته تمام دوره‌های فرانت کست بعد از تکمیل شدن با پروژه‌های جدید به روز رسانی می‌شن.

  72. Aryan گفت:

    سلام جناب صدری ، چند پیشنهاد داشتم خدمتتون ، خوایتم بگم سعی کنید در کنار تدریس کامل مطالبی که در دوره های سایر سایت ها هست برای اینکه دوره واقعا جامع باشه مطالب حرفه ای تر را هم حتما با توضیح و تفسیر مفصل بیان کنید حالا که دوره تا اینجا رسیده نزارید مثل ده ها دوره ای باشه که فقط مطالب داک ری اکت را فقط پوشش میدن ، بلکه به سمتی بریم که واقعا فراتر از فقط داک ری اکت مسایل بیشتری بیان بشه و من طی کامنت ها اگر نکاتی به نظرم رسید بیان میکنم تا در دوره مطرح بشن و دوره کامل تر بشه به عنوان مثال
    ۱٫ در مورد اینکه تفاوت و کاربرد اینکه فرمت کامپوننت ها js باشه یا jsx لطفا توضیح بدین و استاندار هر کدوم را.
    ۲٫ در مورد اینکه دقیقا useEffect کدوم لایف سایکل ها را چطور و به چه شکل پوشش میده و پشت صحنه چه رخ میده را لطفا توضیح بدین و اگر بشه ساختار سایکل کامپوننت ها و تاثیر چرخه کامپوننت های والد و فرزند را بر فراخوانی متد های لایف سایکل از طریق تصویر یا دیاگرام توضح بدین تا جا بیفته عالی میشه.

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

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

  73. alex گفت:

    سلام و درود استاد چرا تو دوره مون router نیست ؟

  74. alihabibi گفت:

    سلام اقای صدری در پروژه این دوره از route ها و api ها ه استفاده میشه؟ منظورم اینه که api ها اماده باشه ما صرفا درخواست بدیم دقیقا شبیه یک تیم واقعی که api رو یکی زده باشه ما فقط به اون api درخواست بدیم و پروژرو بسازیم این طوری خیلی طبیعی تر و بهتره

    • سلام
      بله حتما.
      بعد از پیاده سازی نسخه اولیه پروژه، مرحله بعدی از API استفاده می‌کنیم و همین طور React Router.
      در کنار این موارد قسمت احراز هویت رو هم خواهیم داشت.
      قطعا هدف اصلی پیاده سازی یک پروژه کامل هست.

  75. masood.mehrkesh13777 گفت:

    استاد خسته نباشید پروژه ی فروشگاه رو کی شروع میکنید

  76. Aryan گفت:

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

    • همون طور که عرض کردم خدمتتون پروژه اصلی دوره یک بار به صورت کامل با استفاده از Hookها (توابع) پیاده سازی می‌شه.
      البته تا همین جا هم چندین مقایسه بین توابع و کلاس‌ها انجام شده.
      چون هدف جامع بودن دوره هست.
      موفق باشید.

  77. Aryan گفت:

    سلام استاد ، دلیل خاصی داره که به روش کلاس کامپوننت قراره پروژه دوره پیاده سازی بشه ؟
    اگر اشتباه نکنم بست پرکتیس خود داک ری اکت استفاده حداکثری از فانکشن کامپوننت ها باشه ؟ استفاده از فانکشن کامپوننت بهینه تر نیست ؟ ممنون میشم در این مورد هم توضیح بفرمایید

    • سلام
      همون طور که در جریان هستید ری‌اکت هنوز کلاس کامپوننت‌ها رو پشتیبانی می‌کنه و مثال‌های اصلی داکیومنتیشن وب‌سایت ری‌اکت با کلاس کامپوننت‌ها پیاده سازی شده.
      هوک در نسخه ۱۶.۸ به عنوان یکی از آپدیت‌های مهم در نظر گرفته شده و می‌تونه یک جایگزین باشه.
      با توجه به این که در دوره جامع ری‌اکت و ریداکس هدف اصلی بررسی تمام مفاهیم ری‌اکت هست، ما پروژه اصلی رو یک بار با کلاس‌ کامپوننت‌ها پیاده سازی می‌کنیم، یک بار با استفاده از ریداکس و در نهایت با استفاده از Hookها.
      از طرفی شما به عنوان توسعه دهنده ری‌اکت، باید تمام مفاهیم این کتابخانه رو مسلط باشید. چون ممکنه وارد شرکت یا پروژه‌ای بشید که قسمتی از پروژه با کلاس کامپوننت‌ها توسعه داده شده.
      اگر می‌خواید فقط قسمت توسعه کامپوننت با توابع رو مسلط بشید، دوره جامع MERN Stack رو بهتون پیشنهاد می‌کنم.

      پیشنهاد می‌کنم اینجا رو هم بررسی کنید: https://reactjs.org/docs/thinking-in-react.html

      اگر سوالی بود در خدمتم.

  78. alihabibi گفت:

    سلام استاد درباره پروژه این دوره توضیح میدید؟

    • سلام
      پروژه دوره یک فروشگاه اینترنتی هست.
      نسخه اولیه رو با کلاس کامپوننت‌ها پیاده سازی می‌کنیم.
      بعد دیتای پروژه رو به صورت داینامیک با استفاده از API مدیریت می‌کینم.
      مرحله بعدی Redux رو اضافه می‌کنیم به پروژه.
      در نهایت یک بار هم با Hookها پیاده سازی می‌کنیم.

  79. sjln گفت:

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

  80. sjln گفت:

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

    • سلام
      بله ابتدای اسم کامپوننت رو باید با حرف بزرگ بنویسید.
      لطفا از کد و اروری که دارید یک اسکرین شات در واتس‌اپ یا تلگرام بفرستید تا بررسی کنیم.

  81. sjln گفت:

    درود. وقت بخیر.
    برای نرم افزار ادیتور کدها، phpStorm جزو گزینه هاتون نبود. آیا دلیل خاصی داره؟ یا vs code نکته مثبتی بجز سبک بودن به نسبت phpStorm داره؟

    • سلام
      بیشتر به خاطر سرعت بالای VS Code انتخابم این نرم افزار هست.
      البته به نظرم برای توسعه فرانت‌اند WebStorm باید بهتر باشه نسبت به phpStorm.
      در کل فرق چندانی باهم ندارن، به نظرم با هر کدوم که راحت‌ هستید کار کنید.

  82. امید گفت:

    سلام وقت بخیر دوست عزیز
    موارد زیادی هست که این کار رو برات انجام میده و یکی دوتا لینک برات میزارم و یه بررسی بکن
    https://mdbootstrap.com/docs/react/tables/datatables/
    https://www.npmjs.com/package/react-data-table-component
    امیدوارم کمکت کرده باشه و با سرچ ساده هم میتونی بیشتر از اینا پیدا کنی و اگه از material ui استفاده کردی تو پروژه خودش میتونه برات هندل کنه این بخش رو

  83. ariyaei گفت:

    سلام استاد
    من می خوام تو پروژه ام از Grid Table استفاده کنم .قبل از شیفت به ریکت از datatables js استفاده می کردم و کارمو راه مینداخت اما الان با ریکت از چه کامپونتی استفاده کنم ؟
    (دارای paging , sort , search و … بوسیله Api و تعداد زیادی رکورد هم پاسوخگو باشه)
    باز هم از زحمات بی دریغ شما کمال تشکر را دارم

  84. fateme98 گفت:

    سلام وقتتون بخیراستاد
    ممنون بابت آموزشای خوبتون
    هنوز دوره به آموزشای ریداکس وپروژه ریداکس نرسیده؟

  85. morteza-n گفت:

    سلام میشه لطفا بگید تا اینجا چند درصد دوره رو طی کردید؟

    • سلام
      بعد از تکمیل قسمت کامپوننت‌ها، نسخه اولیه پروژه دوره رو شروع می‌کنیم.
      بعد از اون وارد مبحث API می‌شیم و پروژه اصلی رو این بار با HTTP Request پیش می‌بریم.
      بعد از درک کامل مفاهیم، پروژه نهایی رو یک بار با استفاده از Hookها و بعد از اون با Redux پیاده سازی می‌کنیم.

  86. Hamidreza گفت:

    سلام آقای صدری خسته نباشید من توی دوره همون موقع که تخفیف بود شرکت کردم ولی الان که میام توی سایت پنل کاربریم نیستش و یادم نیست با کدوم ایمیل وترد سایت شدم و ثبت نام کردم چیکار کنم

  87. سارا یحیی زاده گفت:

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

  88. hesam mirzaee گفت:

    آقا صدری شما فوق العاده اید دوره عالی ای شده فقط خواهشا آخرش یه پروژه بزنید

  89. kelinika گفت:

    سلام وقت بخیر
    آیا میشه این دوره رو خرید یا اینکه حتما دوره قبلیو بگذرونم بعد بیام سراغ این دوره ؟؟؟
    تخفیف ندارید ؟ چون میخوام بخرم من دوره جاوا اسکریپت و نود جی رو خریدم واقعا عالیه خیلی

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

  90. a_bahoush گفت:

    سلام
    فایل شماره ۲۸ تو دانلود مشکل داره
    ممنون

  91. Masturdating گفت:

    سلام لطفا ویدئوی بیشتری قرار بدید، اینجوری خیلی طول میکشه دوره تموم شه 🙁

    • سلام
      این دوره هر هفته به روز رسانی می‌شه.
      کیفیت ویدیوها و نظم به روز رسانی برای من اولویت اول هست.
      سعی می‌کنم تعداد ویدیوها هم بیشتر باشه تا زودتر دوره تکمیل بشه.

  92. Frodo گفت:

    بله دوره های شما همیشه مرتب بروز میشن ، در اصل منظورم تعداد ویدئو ها و سرعت ارائه سرفصل ها بود که اگر کمی سریعتر بشه و تعداد ویدئو ها و ارائه سرفصل ها بیشتر بشه باعث میشه اعضا بتونن زودتر بتونن برن سر انجام تمرین ها و کسب تجربه های بعد از این دوره . موفق باشید

  93. Frodo گفت:

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

    و نکته دوم اینکه بیزحمت در مورد متریال ui هم به عنوان یکی از ملزومات حال حاضر ری اکت هم چند قسمت صحبت کنید و بهش بپردازین ؟ ممنون

    • سلام
      این دوره انشاالله هر هفته به صورت منظم به روز رسانی می‌شه تا زمانی که تکمیل بشه.
      در صورت اضافه شدن مباحث جدید به React مثل به روز رسانی Hooks در نسخه ۱۶.۸، مباحث جدید به این دوره هم اضافه می‌شن.
      برای دوستانی که قبلا ثبت نام کردن برای دریافت به روز رسانی‌ها نیازی به ثبت نام مجدد نخواهد بود.
      در طول دوره از CSS استفاده می‌شه و تمرکز روی مفاهیم React و Redux هست. شاید برای استفاده از Material یک ویدیو یک قسمتی جدا آماده کنم.
      موفق باشید.

  94. aminda گفت:

    سلام جناب صدری
    مثل بیشتر دوره های سایت برای این دوره هم ثبت نام کردم
    البته با آموزش های قبلی شما و بقیه منابع ری اکت جدید رو بلدم تقریبا
    بیشتر برای حمایت از سایت و زحمات شما و همچنین شنیدن دوباره مفاهیم ریداکس اینبار از ززبان شما ثبت نام کردم در دوره… (باعث افتخاره البته برای من)
    اگه بشه که مفاهیم نکست و ssr رو هم پوشش بدین خیلی بهتره و هم دوره جامع و به روز تره میشه هم ماها هم بیشتر استفاده میکنیم از دوره 🙂
    تشکر از شما

  95. andishe11 گفت:

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

    • سلام
      بله مشکل از درگاه هست.
      از طریق پشتیبانی دارم پیگیری می‌کنم.
      اگر موفق به ثبت نام نشدید تخفیف رو برای فردا هم نگه می‌دارم.

  96. Hamidreza گفت:

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

    • سلام
      ممنونم که می‌خواید برای دوره ثبت نام کنید.
      من این دوره رو بهتون پیشنهاد می‌کنم، چون هم جامع هست و هم پیشرفته.
      همین طور Redux رو به شکل پیشرفته شامل می‌شه.

  97. امین غلامی گفت:

    میشه شماره کارت بذارین کارت به کارت کنیم؟

  98. Mohamadreza گفت:

    سلام وقتتون به خیر..خسته نباشید مثل بقیه دوره هاتون تا اینجاش عالی بود..ققط ۲ سوال..؟!!!
    کل دوره چند ساعت است ؟
    و اینکه کی آپدیت میشه؟

  99. masood.mehrkesh13777 گفت:

    درود فراوان
    خسته نباشید
    در آخر این دوزه چه پروژه ایی رو میزنید؟

    • سلام
      خیلی ممنون.
      یک فروشگاه اینترنتی، البته سعی می‌کنم پیچیدگی‌های بیشتری داشته باشه تا چالش‌های متنوع‌تری رو بتونیم انجام بدیم.

  100. الیاس غفوریان گفت:

    استاد موتورهای جستجوی گوگل میگن خیلی با کلا کتاب خانه ها و فریمورک های ری اکت سازگار نیستند( منظور سئو)
    آیا شما از فریمورک next.js هم آموزش میدید یا را حل های دیگه ایم اموزش یا پیشنهتد میدید؟؟؟
    ممنون

    • سلام
      در سطح اینترنت مقاله‌های متعددی هست برای بهتر کردن SEO در نرم افزارهای SPA.
      پیشنهاد می‌کنم در موردش مطالعه کنید چون روش‌های زیادی بررسی شده.
      ولی در مورد SSR با Next.js برای این دوره فعلا برنامه‌ای ندارم. ممکن هست به عنوان یک دوره جداگانه در نظر گرفته بشه.

  101. a_bahoush گفت:

    انجام شد ممنون بسیار

  102. a_bahoush گفت:

    سلام
    آخرین مرحله پرداخت خطا داد و هر چی دوباره ثبت نام میکنم پیام میده کد تخفیف منقضی شده
    ممنون میشم رسیدگی کنید

  103. Morning Star گفت:

    سلام جناب صدری منتظر این دوره خوبتون بودم و خوشحالم که استارتش کردید.
    فقط اگر امکانش باشه SSR رو هم در سرفصل های دوره بزارید خیلی عالی میشه.
    و یک سوال دیگه ای که داشتم این هست که برای Next.js هم در این دوره یا دوره های دیگه برنامه ای دارید؟

    • سلام
      خیلی ممنونم از لطف شما.
      حقیقتش برای SSR فعلا برنامه ریزی نکردم.
      اگر SSR رو برای یک دوره جداگانه بررسی کنیم از Next.js استفاده می‌کنیم.

  104. امین گفت:

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

  105. amirali گفت:

    کاش حالا که دوره جامع میباشد پروژه را بصورت ssr طراحی میکردید و همینطور تست نویسی هم انجام میدادید.

  106. Frodo گفت:

    بسیار عالی ، در مورد mobx هم توضیحاتی بفرمایین بیزحمت ؟
    فقط یه نکته ای هم که وجود داره اینه که در دوره ای فارسی زبان در مورد mobx صحبت نشه در حالی که بسیاری اون را بهینه تر میدونن ، سعی کنید حتما در این دوره در مورد استفاده از mobx به عنوان جایگزینی در برخی موارد سبک تر برای ری داکس هم توضیحاتی داده بشه ، ممنون .
    نظرتون در مورد mobx به چه صورته ؟

    • من فکر می‌کنم با توجه به میزان کاربردی بودن و فرصت‌های شغلی بررسی Redux به عنوان یک دوره جامع و پیشرفته منطقی‌تر باشه.
      ولی سعی می‌کنم در مورد MobX هم حتما یک ویدیو یک قسمتی داشته باشم.

  107. Frodo گفت:

    سلام جناب صدری ، این دوره قراره ری اکت را تمام و کمال پوشش بده به همراه پروژه های واقعی ایا ؟
    کاش سر فصل های کلی را تا انتهای دوره مینوشتید تا بدونیم کلیت دوره به چه صورته ؟

    • سلام
      بله، در طول این دوره به صورت جامع تمام مفاهیم React و Redux رو بررسی می‌کنیم.
      دوره همراه با چالش‌های متعدد و پیاده سازی یک پروژه اصلی هست.
      لطفا ویدیوی معرفی دوره و ویدیوی بررسی سرفصل‌ها رو ببینید.
      باز اگر سوالی بود در خدمتم.

  108. 78nbm78 گفت:

    سلام عرض شد استاد، وقت بخیر.
    این دوره با شروع یادگیری Reactjs چه تفاوتی داره؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *