آموزش Redux Saga with React: دوره مقدماتی سریع Redux Saga
Redux Saga with React: Fast-track Redux Saga intro course
** به روز رسانی دوره **
برگ تقلب Redux Saga - یک برگه تقلب Redux Saga جدید با موارد استفاده نمونه به عنوان بخشی از دوره گنجانده شده است، بنابراین شما می دانید از چه کلمات کلیدی یا افکت های حماسی استفاده کنید و چه زمانی از آنها استفاده کنید.
رسیدگی به خطا در حماسه های redux.
آیا می خواهید توانایی خود را تا حد زیادی بهبود بخشید و ارزش خود را به عنوان یک توسعه دهنده وب React یا front end افزایش دهید؟
Redux Saga چارچوبی عالی برای این است، و این دوره سریع حماسه redux به شما کمک می کند تا به آن دست یابید!
لطفاً توجه داشته باشید: در حالی که این دوره شامل سخنرانی‌هایی در مورد نوشتن اکشن‌های کاهش‌دهنده/کاهش‌کننده‌ها و مؤلفه‌های React است، این سخنرانی‌ها تنها با هدف مشاهده فرآیند فکری پشت اجرای Redux Saga در یک برنامه دنیای واقعی وجود دارد. سخنرانی‌هایی که برنامه‌نویسی کنش‌ها/کاهش‌کننده‌های Redux و مؤلفه‌های React را پوشش می‌دهند، حداقل راهنمایی را ارائه می‌دهند، زیرا فرض بر این است که شما قبلاً دانش اولیه این چارچوب‌ها را دارید. این یک دوره آموزشی در Redux Saga است و نه Redux یا React.
Redux saga کتابخانه ای است که هدف آن ایجاد عوارض جانبی برنامه، مانند واکشی داده ها/فراخوانی یک API، مدیریت آسان تر، کارآمدتر برای اجرا و مدیریت بهتر خرابی ها است.
حماسه Redux روشی کاملاً تمیز برای جداسازی منطق برای فراخوانی نقاط پایانی API و به‌روزرسانی وضعیت redux خود بر اساس اقدامات redux است. حماسه های کتابخانه redux saga به عنوان توابع Generator پیاده سازی می شوند که اشیاء را به میان افزار redux-saga می دهد. اشیاء تولید شده نوعی دستورالعمل هستند که باید توسط میان افزار تفسیر شوند. هنگامی که یک Promise به میان افزار تسلیم می شود، میان افزار Saga را تا زمانی که Promise کامل شود به حالت تعلیق در می آورد. هنگامی که Promise حل شد، میان افزار Saga را از سر می گیرد و کد را تا بازده بعدی اجرا می کند.
کنترلی که redux saga به ارمغان می آورد بسیار فراتر از هر کتابخانه دیگری است، مانند redux thunk. شما کنترل کاملی بر نحوه فراخوانی حماسه‌های ردوکس، زمان فراخوانی آنها، و نوع کاری که انجام می‌دهند، و همچنین نحوه تأثیر آنها بر فروشگاه ردوکس دارید.
در این دوره مقدماتی سریع، یاد خواهید گرفت:
چگونه حماسه redux با استفاده از React و Redux در یک برنامه تک صفحه ای جلویی قرار می گیرد.
حماسه های ردوکس چیست.
نحوه پرس و جو از یک API با حماسه redux - و مقابله با پاسخ.
نحوه تنظیم حماسه redux برای گوش دادن به اقدامات redux ارسال شده و روش های مختلف برای راه اندازی حماسه redux برای گوش دادن به اقدامات ارسال شده.
در واقع اقدامات redux را از حماسه redux ارسال کنید و وضعیت برنامه redux خود را به‌روزرسانی کنید.
مفاهیم و الگوهای کلیدی حماسه redux مانند take، takeEvery، takeLatest، fork، put، call و همچنین مسدود کردن و غیرمسدود کردن تماس‌ها را بیاموزید.
چند نحوی ES6 را بیاموزید و در مورد توابع Generator در جاوا اسکریپت بیاموزید.
ممکن است قبلاً از redux-thunk برای مدیریت واکشی داده‌های خود استفاده کرده باشید - پس از گذراندن این دوره مطمئن هستم که برای پروژه‌های آینده خود به استفاده از Redux Saga روی خواهید آورد!
آنچه دانشجویان دیگر در مورد این دوره می گویند:
5/5 ستاره - "من دوره را عالی دیدم. من در حال ساخت برنامه ای در محل کار هستم که از Redux-thunk استفاده می کند و از آنچه تام در دوره آموزش داده است استفاده می کند. Redux-Thunk را به نفع Redux-Saga و پاک کردن بسیاری از کدها. دلیل دیگری که من این دوره را دوست دارم زیرا فقط در مورد Redux-Saga بود. من 5 ساعت React Redux را تماشا نکردم فقط برای اینکه به بخش مربوط به Redux-Saga برسم. یک بعدازظهر در حال تماشا و پیگیری و اکنون احساس می‌کنم که Redux-Saga را آنقدر درک می‌کنم که واقعاً از آن در یک برنامه استفاده کنم و می‌دانم دارم چه کار می‌کنم، متشکرم تام" - استفن هاسلبرگ
5/5 ستاره - "این دوره دقیقاً همان چیزی است که من به آن نیاز داشتم. من قبلاً از حماسه redux استفاده نکرده بودم و اخیراً پروژه ای را به ارث برده ام که از آن استفاده می کند و درک آنچه در جریان است دشوار است. این دوره به من کمک کرد در درک اصول اولیه حماسه redux - سخنرانی در مورد ژنراتورهای جاوا اسکریپت و برگه تقلب بسیار مفید است - به خصوص مثال هایی در برگه تقلب در مورد زمان استفاده از جلوه های خاص. به طور کلی یک مقدمه عالی برای حماسه redux. متشکرم تام! - کارول اما
5/5 ستاره - "تا اینجا، توضیحات بسیار واضح و مختصر با یک نمای اولیه خوب از فرآیند redux-saga. منتظر بقیه این دوره باشید." - داگلاس هانسون
5/5 ستاره - "نقطه شروع عالی برای یادگیری redux-saga از ابتدا. هنوز تمام نشده است، اما تا کنون متقاعد شده ام که از حماسه برای پروژه های آینده استفاده خواهم کرد. اکنون تقریباً در پایان این دوره کوتاه شده، و من به همه کسانی که تا حد زیادی از Redux استفاده می کنند توصیه می کنم. این کار بسیار خوب انجام شده است." - استیو بیلی
معرفی Introduction
-
در مورد این دوره About this course
معرفی Introduction
-
مهم: قبل از شروع این دوره Important: Before you begin this course
-
مهم: قبل از شروع این دوره 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
برپایی 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
-
مهم! اگر 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
-
اتمام حماسه دریافت کاربران با «تماس»، «فشار» و «همه» Finishing the get users saga with "call", "fork", and "all"
-
اتصال میان افزار حماسه Connecting the saga middleware
-
اتصال میان افزار حماسه Connecting the saga middleware
-
همه را به هم وصل می کند Connecting it all together
-
با استفاده از "put" اعمال redux را از حماسه ها ارسال کنید Dispatch redux actions from sagas using "put"
-
با استفاده از "put" اعمال redux را از حماسه ها ارسال کنید Dispatch redux actions from sagas using "put"
ساخت رابط کاربری 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
-
توجه! - ساخت رابط کاربری Attention! - Building the UI
-
UsersList UI - قسمت 1 UsersList UI - Part 1
-
UsersList UI - قسمت 2 UsersList UI - Part 2
-
ایجاد رابط کاربری و عملکرد فرم کاربر 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
-
رسیدگی به خطا در تلاش..catch Error handling in try..catch
-
نمایش خطاها در رابط کاربری Displaying errors in the 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
https://donyad.com/d/b6491a
Tom Phillips
بیش از یک دهه در توسعه وب جلویی
.jpg "WebDevEducation (Tom Phillips)")
WebDevEducation (Tom Phillips)
ارزش خود را به عنوان یک توسعه دهنده وب جلویی افزایش دهید!
نمایش نظرات