دوره یادگیری کدنویسی React, React Redux and Redux Saga

استفاده از React، Read Redux و Redux Saga، و Master React Hooks و مدیریت دولت با Asynchronies تماس در واکنش Redux

عنوان اصلی : React, React Redux and Redux Saga - Master React State/Hooks

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

راه اندازی اولیه برنامه React ما:
برنامه react ما را ایجاد کنید
وارد کردن SemanticUI برای زیبا کردن برنامه ما
ایجاد برنامه react ما:
افزودن درآمد و هزینه.
ایجاد تاریخچه درآمد و هزینه ما
تراکنش‌ها را اضافه کنید
تراکنش‌ها را اضافه کنید
ایجاد مؤلفه‌ها برای برنامه react ما:
ایجاد کامپوننت MainHeader
ButtonSaveOrCancel React Component ما را ایجاد کنید
در حال ایجاد NewEntryForm React Component
بازسازی مولفه DisplayBalance React ما
ایجاد مؤلفه React Display Balances
در حال ایجاد کامپوننت EntryLine React ما
قلاب، حالت و لوازم جانبی:
افزودن قلاب و حالت
فشار دادن تغییرات به GitHub
ایجاد حالت با استفاده از useState
نگاشت آرایه ای از اشیا.
ایجاد کامپوننتی که چندین مؤلفه را رندر می کند
افزودن کلیدها به اجزای تکراری
افزودن تابع DeleteEntry
افزودن یک ورودی جدید
افزودن یک کلید برای شناسایی نوع ورودی
ایجاد مدلی برای ویرایش ورودی ها
در حال قالب بندی مدال ما
قابلیت استفاده مجدد از اجزای ما
بازسازی برای مدیریت دولت
وضعیت بازسازی بیشتر
ساخت مودال با useEffect
تنظیمات نهایی در حالت انجام شد
محاسبه مجموع با استفاده از useEffect
نمایش مجموع ها، آیا می توانیم اکنون کمی Redux انجام دهیم؟
Redux - فروشگاه، ارسال، اقدامات و کاهش دهنده ها:
رفع اخطار و انجام تمامی تغییرات حالت
رفع کد و اشتراک در همه تغییرات فروشگاه در Redux
ایجاد یک اکشن Redux جدید
ایجاد توابع اکشن برای Redux
ایجاد کاهش
کاهش دهنده های Redux را در یک فروشگاه ترکیب کنید
Refactoring Redux ما به Actions، Reducer و Store
React-Redux:
React Redux با ترکیب Redux ما با اجزای React ما
React Redux Hook useDispatch
افزودن ورودی جدید با React Redux Hooks
استفاده از UUID برای شناسه ورودی
نصب و پیکربندی Redux Dev Tools
React Redux Devtools:
نصب و پیکربندی Redux Dev Tools
ایجاد اولین قلاب سفارشی useEntryDetails
اقدام جدید Redux و ورودی جدید به‌روزرسانی Redux Reducer
ایجاد یک فروشگاه Redux جدید (و اکشن و کاهش دهنده)
ارسال اقدامات جدید به فروشگاه جدید Redux
بعد از ارسال، مودال را باز کنید
بستن مودال هنگام اعزام
در حال بارگیری داده های مودال
بهتر کردن قلاب سفارشی ما
افزودن ارسال به‌روزرسانی به هوک سفارشی ما
شلیک 2 اعزام به طور همزمان
تمیز کردن قلاب سفارشی برای استفاده آسان
ایجاد "API Backend" ما با استفاده از json-server:
نصب json-server
درک باطن سرور json
افزودن Saga به پروژه ما:
نصب میان افزار redux-saga
ایجاد و اجرای اولین حماسه ما
درک توابع ژنراتور و بازده بازده:
مقدمه ای بر توابع ژنراتور و بازدهی
درک ژنراتورهای تابع "بی نهایت".
درایو نقطه به خانه، توابع ژنراتور و بازده برمی گردد
درک اصلی افکت های ساگا:
درک Saga Effect Take
ایجاد تابعی برای شروع خودکار همه Sagas
درک Saga Effect PUT
درک Saga Effect CALL
استفاده از Redux Saga در پروژه ما:
پاکسازی راه برای حماسه ها
حذف داده های اولیه از کاهنده و واکشی آن از backend
ایجاد بخشی از اولین حماسه واقعی با استفاده از Take
جستجوی داده‌ها از حماسه ما با استفاده از CALL
افزودن داده به رابط کاربری با استفاده از PUT
یادگیری حتی بیشتر جلوه های Saga:
یکی دیگر از Saga Effect FORK را درک کنید
تقسیم کردن Backend برای داشتن دو نقطه پایانی برای استفاده با Fork
افکت‌های جدید Saga را در برنامه ما پیاده‌سازی کنید:
اجرای Saga Effect FORK در برنامه ما
دریافت همه جزئیات ورودی به طور همزمان و به روز رسانی UI به محض ورود
افکت‌های پیشرفته Redux Saga:
پاک کردن کد قبل از چالش های پیشرفته تر
جلوه پیشرفته Redux Saga - TAKEEVERY
Saga Advanced Effects CANCEL و CANCELED
Saga Advanced Effects TAKELATEST
پاک کردن کد قبل از افزودن Advanced Saga Effects جدید
حذف یک مورد (راه طولانی)
بازبینی حماسه مسدود کردن
وارد کردن Add Entries Saga به Saga Initializer ما
افزودن TakeLatest به برنامه ما
به‌روزرسانی رابط کاربری با استفاده از PUT با TakeLatest