Redux-Saga React Полный Курс. Урок 2. Эффекты в деталях. Архитектура саг. React Router + Redux Saga.

67 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
Это второй урок из цикла обучающих видео о Redux-Saga на русском.
Первый урок: https://youtu.be/ah5voE_SGjo
Код c урока: https://github.com/maks1mp/redux-saga-course/tree/lesson-2

Redux-Saga - это middleware для redux, цель которой - сделать асинхронные операции в React приложениях: эффективными для выполнения, легко управляемыми и тестируемыми.
Ключевая концепция редакс саги - это создать отдельный поток в нашем приложении, который несет полную ответственность за все побочные эффекты.

Для полного понимания нужно смотреть видео полностью.
Таймкоды:

00:00 - Начало, что будет рассмотренно в видео
00:31 - Резюмируем первый урок Saga Watcher / Saga Worker / Effects
01:53 - Обзор начального кода приложения уже подключен Redux + Redux-Saga
02:44 - Организация rootSaga в приложении
04:18 - Подключаем саги способ №1 (yield + array + all для вызова)
05:17 - Подключаем саги способ №2 (yield + array + fork + all для вызова)
06:09 - Подключаем саги способ №3 (fork для каждой саги)
06:31 - Почему первые 3 способа могут быть проблемой + способ подключения №4
07:41 - Способ подключения №5 - автоматический рестарт saga
09:30 - Эффект all
10:48 - Асинхронные действия / запросы при входе в приложение
12:40 - Запрос fetch из саги с помощью call
14:27 - Загрузка данных по переходу на страницу + подключение react-router
21:01 - Эффект apply
23:02 - Запрос по переходу на страницу: хороший способ + подключение connected-react-router
32:01 - Запрос по действию пользователя take + call
36:44 - Запрос по действию пользователя take + fork + call
38:06 - takeLatest и его проблема
39:07 - прокачиваем takeLatest для отмены запросов
41:43 - Эффект actionChannel
44:28 - Заключение

Приятного просмотра! Буду благодарен за поддержку в виде коментария и лайка)

✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
https://www.youtube.com/channel/UCOxq...

✔️Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z

#reduxsaga #reactreduxsaga #reduxsagaeffects #редакссага #реактредакссага #редакссаганарусском
Категория
интерьер
Комментарии выключены

Следующее