آموزش مقدماتی سریع Redux Saga با React - آخرین آپدیت

دانلود Redux Saga with React: Fast-track Redux Saga intro course

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
  • آموزش مقدماتی Redux Saga: سریع‌ترین راه برای یادگیری Sagas

  • شروع کار با Redux Saga در پروژه‌های React + Redux.

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

  • درک مفاهیم کلیدی Redux Saga و شروع کار با آن در پروژه‌های خودتان.

  • یادگیری جایگاه Redux Saga در اپلیکیشن‌های تک‌صفحه‌ای (SPA) فرانت‌اند.

  • یادگیری اصول اولیه Redux Saga برای فراخوانی API و به‌روزرسانی وضعیت Redux.

پیش‌نیازها:

  • درک اولیه از React، Redux و npm

** به‌روزرسانی‌های دوره **

  • برگه تقلب Redux Saga - یک برگه تقلب جدید Redux Saga با موارد استفاده مثال، به عنوان بخشی از دوره اضافه شده است تا بدانید چه کلمات کلیدی یا افکت‌های saga را استفاده کنید و چه زمانی از آن‌ها استفاده کنید.

  • مدیریت خطا در Sagas های Redux.

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

Redux Saga چارچوب ایده‌آلی برای این منظور است و این دوره فشرده Redux Saga به شما کمک می‌کند تا به آن دست یابید!

لطفاً توجه داشته باشید: در حالی که این دوره شامل درس‌هایی در مورد نوشتن اکشن‌ها/کاهش‌دهنده‌های Redux و کامپوننت‌های React است، این درس‌ها فقط برای نشان دادن فرآیند فکری پشت پیاده‌سازی Redux Saga در یک اپلیکیشن واقعی ارائه شده‌اند. درس‌هایی که به کدنویسی اکشن‌ها/کاهش‌دهنده‌های Redux و کامپوننت‌های React می‌پردازند، راهنمایی حداقلی ارائه می‌دهند، زیرا فرض بر این است که شما از قبل دانش پایه این چارچوب‌ها را دارید. این یک دوره در مورد Redux Saga است و نه در مورد Redux یا React.

Redux Saga کتابخانه‌ای است که هدف آن مدیریت آسان‌تر اثرات جانبی برنامه، مانند دریافت داده / فراخوانی API، اجرای کارآمدتر و مدیریت بهتر خطاها است.

Redux Saga یک روش چشمگیر و تمیز برای جداسازی منطق فراخوانی نقاط پایانی API و به‌روزرسانی وضعیت Redux شما بر اساس اکشن‌های Redux است. Sagas های کتابخانه Redux Saga به عنوان توابع Generator پیاده‌سازی می‌شوند که اشیاء را به میان‌افزار Redux-Saga "yield" می‌کنند. اشیاء yield شده نوعی دستورالعمل هستند که توسط میان‌افزار تفسیر می‌شوند. هنگامی که یک Promise به میان‌افزار yield می‌شود، میان‌افزار Saga را معلق نگه می‌دارد تا زمانی که Promise کامل شود. پس از حل شدن Promise، میان‌افزار Saga را از سر می‌گیرد و کد را تا yield بعدی اجرا می‌کند.

کنترلی که Redux Saga فراهم می‌کند بسیار فراتر از کتابخانه‌های دیگر مانند Redux Thunk است. شما کنترل کاملی بر نحوه فراخوانی Sagas های Redux، زمان فراخوانی آن‌ها، نوع کار که انجام می‌دهند و همچنین چگونگی تأثیرگذاری آن‌ها بر فروشگاه Redux دارید.

در این دوره مقدماتی فشرده، شما یاد خواهید گرفت:

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

  • چه چیزی Sagas های Redux هستند.

  • چگونه با Redux Saga یک API را فراخوانی کنیم و با پاسخ آن کار کنیم.

  • چگونه یک Redux Saga را برای گوش دادن به اکشن‌های dispatch شده Redux تنظیم کنیم و روش‌های مختلف تنظیم Redux Saga برای گوش دادن به اکشن‌های dispatch شده.

  • عملاً اکشن‌های Redux را از یک Redux Saga dispatch کنیم و وضعیت اپلیکیشن Redux خود را به‌روز کنیم.

  • مفاهیم و الگوهای کلیدی Redux Saga مانند take، takeEvery، takeLatest، fork، put، call و همچنین فراخوانی‌های مسدودکننده و غیرمسدودکننده را یاد بگیرید.

  • مقداری سینتکس ES6 را یاد بگیرید و درباره توابع Generator در جاوا اسکریپت اطلاعات کسب کنید.

ممکن است قبلاً از redux-thunk برای مدیریت دریافت داده‌های خود استفاده کرده باشید - پس از گذراندن این دوره، من مطمئن هستم که برای پروژه‌های آینده خود به استفاده از Redux Saga روی خواهید آورد!

نظر دانشجویان دیگر در مورد این دوره:

۵/۵ ستاره - "من این دوره را عالی یافتم. من در حال ساخت یک اپلیکیشن در محل کار هستم که از Redux-thunk استفاده می‌کرد و با استفاده از آنچه تام در دوره آموزش داده بود، Redux-Thunk را به نفع Redux-Saga حذف کردم و کد زیادی را پاکسازی کردم. دلیل دیگر اینکه این دوره را دوست داشتم این بود که فقط در مورد Redux-Saga بود. من مجبور نبودم ۵ ساعت React و Redux را تماشا کنم فقط برای رسیدن به بخش مربوط به Redux-Sagas. فقط یک بعدازظهر طول کشید تا تماشا کنم و دنبال کنم و اکنون احساس می‌کنم Redux-Saga را به اندازه کافی برای استفاده واقعی در یک اپلیکیشن درک کرده‌ام و می‌دانم که چه کار می‌کنم. ممنون تام." - استفن هاسلبرگ

۵/۵ ستاره - "این دوره دقیقاً همان چیزی بود که من به آن نیاز داشتم. من قبلاً از redux saga استفاده نکرده بودم و اخیراً پروژه‌ای را که از آن استفاده می‌کرد به عهده گرفتم و فهمیدن اینکه چه اتفاقی می‌افتد برایم دشوار بود. این دوره به من در درک اصول اولیه redux saga کمک زیادی کرده است - درس مربوط به مولدهای جاوا اسکریپت و برگه تقلب فوق‌العاده مفید هستند - به خصوص مثال‌ها در برگه تقلب در مورد اینکه چه زمانی از افکت‌های خاص استفاده کنیم. در کل مقدمه‌ای عالی برای redux saga. ممنون تام!" - کارول اما

۵/۵ ستاره - "تاکنون، توضیحات بسیار واضح و مختصر با یک نمای کلی اولیه خوب از فرآیند redux-saga. منتظر ادامه این دوره هستم." - داگلاس هانسون

۵/۵ ستاره - "نقطه شروع عالی برای یادگیری redux-saga از ابتدا. هنوز تمام نکرده‌ام، اما تا اینجا متقاعد شده‌ام که از saga برای پروژه‌های آینده استفاده خواهم کرد. من اکنون تقریباً در پایان این دوره مختصر هستم و آن را به شدت برای همه کسانی که از Redux استفاده می‌کنند توصیه می‌کنم. بسیار خوب انجام شده است." - استیو بیلی


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

مقدمه Introduction

  • در مورد این دوره About this course

معرفی Introduction

  • مهم: قبل از شروع این دوره Important: Before you begin this course

  • مهم: قبل از شروع این دوره! (مخزن Github و غیره) Important: Before you begin this course! (Github repo etc)

  • مهم: قبل از شروع این دوره Important: Before you begin this course

  • درباره این دوره About this course

  • نگاهی عملی به برنامه مثال و جریان حماسه redux Practical look at the example app and the flow of redux saga

  • نگاهی عملی به برنامه مثال و جریان حماسه redux Practical look at the example app and the flow of redux saga

  • امتیازات و بازخوردهای یودمی Udemy ratings & reviews

  • نگاه عملی به اپلیکیشن مثال و جریان Redux Saga Practical look at the example app and the flow of redux saga

تنظیمات Setup

  • توجه! - تنظیمات مورد نیاز و راه اندازی پروژه Attention! - required settings & project setup

  • راه اندازی پروژه Project setup

  • مهم! اگر REM REST API خراب باشد چه باید کرد Important! What to do if REM REST API is down

  • راه اندازی اقدامات redux Setting up redux actions

برپایی Setup

  • توجه! - تنظیمات مورد نیاز و راه اندازی پروژه Attention! - required settings & project setup

  • راه‌اندازی پروژه Project setup

  • راه اندازی پروژه Project setup

  • راه‌اندازی اکشن‌های Redux Setting up redux actions

  • مهم! اگر REM REST API خراب باشد چه باید کرد Important! What to do if REM REST API is down

  • راه اندازی اقدامات redux Setting up redux actions

اولین ساگاها First sagas

  • اتمام حماسه دریافت کاربران با «تماس»، «فشار» و «همه» Finishing the get users saga with "call", "fork", and "all"

  • همه را به هم وصل می کند Connecting it all together

اولین حماسه ها First sagas

  • اولین ساگا - ناظران، کارگران و "takeEvery" First saga - watchers, workers, and "takeEvery"

  • اولین حماسه - ناظران، کارگران و "takeEvery" First saga - watchers, workers, and "takeEvery"

  • توابع مولد جاوا اسکریپت Javascript generator functions

  • توابع ژنراتور جاوا اسکریپت Javascript generator functions

  • تکمیل ساگای دریافت کاربران با "call"، "fork" و "all" Finishing the get users saga with "call", "fork", and "all"

  • اتصال میان افزار حماسه Connecting the saga middleware

  • اتصال میدل‌ور ساگا Connecting the saga middleware

  • اتصال همه چیز به یکدیگر Connecting it all together

  • ارسال اکشن‌های Redux از ساگاها با استفاده از "put" Dispatch redux actions from sagas using "put"

  • با استفاده از "put" اعمال redux را از حماسه ها ارسال کنید Dispatch redux actions from sagas using "put"

ساخت رابط کاربری (UI) Building the UI

  • توجه! - ساخت رابط کاربری Attention! - Building the UI

  • UsersList UI - قسمت 1 UsersList UI - Part 1

  • UsersList UI - قسمت 2 UsersList UI - Part 2

  • ایجاد رابط کاربری و عملکرد فرم کاربر Create user form UI & functionality

ساخت رابط کاربری Building the UI

  • توجه! - ساخت رابط کاربری (UI) Attention! - Building the UI

  • رابط کاربری لیست کاربران - بخش اول UsersList UI - Part 1

  • رابط کاربری لیست کاربران - بخش دوم UsersList UI - Part 2

  • رابط کاربری (UI) و عملکرد فرم ایجاد کاربر Create user form UI & functionality

ساخت و حذف کاربران با ساگا Creating and deleting users sagas

  • ایجاد حماسه کاربر با استفاده از "takeLatest" Create user saga using "takeLatest"

ایجاد و حذف حماسه کاربران Creating and deleting users sagas

  • ساگای ایجاد کاربر با استفاده از "takeLatest" Create user saga using "takeLatest"

  • حذف حماسه کاربر با استفاده از "take" Delete user saga using "take"

  • ساگای حذف کاربر با استفاده از "take" Delete user saga using "take"

مدیریت خطا در ساگاها Error handling in sagas

  • رسیدگی به خطا در تلاش..catch Error handling in try..catch

رسیدگی به خطا در حماسه ها Error handling in sagas

  • مدیریت خطا در try..catch Error handling in try..catch

  • نمایش خطاها در رابط کاربری Displaying errors in the UI

  • نمایش خطاها در رابط کاربری (UI) Displaying errors in the UI

منابع Resources

  • برگه تقلب Redux Saga Redux Saga Cheat Sheet

  • مخزن Github + Reactstrap Github repo + Reactstrap

  • جایزه BONUS

منابع Resources

  • برگه تقلب Redux Saga Redux Saga Cheat Sheet

  • مخزن Github + Reactstrap Github repo + Reactstrap

  • بخش اضافه (بونوس) BONUS

نمایش نظرات

آموزش مقدماتی سریع Redux Saga با React
جزییات دوره
1.5 hours
23
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,245
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tom Phillips Tom Phillips

بیش از یک دهه در توسعه وب جلویی

WebDevEducation (Tom Phillips) WebDevEducation (Tom Phillips)

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

Tom Phillips Tom Phillips

بیش از یک دهه در توسعه وب جلویی

WebDevEducation (Tom Phillips) WebDevEducation (Tom Phillips)

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