Как отличить блокирующие и неблокирующие эффекты в Redux Saga - call и fork
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- #ReduxSaga #Redux #React
В этом видео уроке по Redux Saga поговорим о блокирующих и неблокирующих эффектах в redux-saga, самыми популярными примерами которых являются call и fork. Подробно рассмотрим пример login пользователя в приложении на основе эффектов redux-saga.
В redux saga есть блокирующие и неблокирующие вызовы эффектов. Эффекты можно условно разделить на блокирующие и неблокирующие. Блокирующий вызов означает, что когда Saga делает yield эффекта она будет ожидать завершения вызова. И только после перейдет к выполнению следующего эффекта. Самый популярный блокирующий эффект - call. Неблокирующий вызовы означает, что saga сразу же перейдет к следующему эффекту не дожидаясь завершения предыдущего. Самый популярный неблокирующий эффект - fork
Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store).
Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (плейлист курса th-cam.com/users/playlist?list....
Мы в соцсетях:
💻 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: github.com/vadimkorr
☕️ 🍫 🍩 Поддержать канал: www.donationalerts.com/r/devm...
Плейлисты и курсы:
📃 Исходный код: t.me/devmagazinechannel/105
🍏 Redux Saga: • 🍏 Redux Saga курс
💡 Все о ReactJS: • 📘 ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React ...
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux: • ☕️ Redux курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР ...
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - Отличия блокирующих и не блокирующих в Redux Saga
01:18 - О примере
02:28 - Реализация login flow в Redux Saga
04:44 - Пишем саги для login flow в Redux Saga (имплементация 1)
16:20 - Недостатки имплементации 1
17:51 - Улучшаем login flow (имплементация 2)
18:51 - Недостатки имплементации 2
19:56 - Улучшаем login flow (имплементация 3)
22:08 - Результаты имплементации 3
22:22 - Исправляем лоадер
#devmagazine #devmagazinechannel
![บุษบา - วงชานเมือง [LiveCoverVertion] Original : เมนทอล](http://i.ytimg.com/vi/Dm81sKcd9rs/mqdefault.jpg)
Плейлист курса по Redux Saga 👉 th-cam.com/play/PLmfIBo6rTVR6jKRgpblTdzto9v-yWgqk-.html
вообще топ, содержательно, последовательно из лекции в лекцию. Спасибо!
Спасибо за классный пример
отличный материал как и предыдущие уроки, просьба сделать урок в котором будет подробно показано как обрабатывать ошибки, НИ КТО не уделяет этому внимание, а ведь тема очень важная, в продакшене парой нужно обрабатывать ошибки так, что бы проект не крашился и при этом пользователь видел какое-то сообщение или еще что-то о том, что произошла ошибка, на данный момент нет нормальных руководств, народ попросту не грамотный растет смотря видео уроки в которых нет полного обхвата информации
Огромное вам спасибо за данный курс! Дали тестовое на использование саг, раньше не знал их вообще, но чудом нашел ваш курс и стало все понятно!)
Очень рад! Спасибо!)
Saga заходит, совпадает с моим стратегическим мышлением
Спасибо. Очень хороший пример. Всем внимательно смотреть, особенно про то, когда блокируется all (с этим в свое время наткнулся на непонятки =). + Расскажи про spawn и его отличия от fork. А теперь давай покроем этот пример тестами тестами =)
spawn не крашит родителя если сам закрашится
Спасибо!) про spawn и fork будет в четверг
:D Про тесты будут отдельные выпуски)
@@indigosay спасибо. Я имел ввиду, чтобы зрителям рассказал.
мне нравится неспешная скорость объяснения. жаль что есть реклама которая сбивает. с большим количеством просмотров на ней не заработать, зачем вставлять не понятно.
Видео без рекламы очень плохо продвигаются. А вот почему не установить адблок, это не понятно.
сделайте видео redux+saga+toolkit на русском про toolkit мало информации, напишите в названии видео toolkit и вас будут находить про запросу. контент у вас хороший. как мне видится, про toolkit можно добавить в эту серию видео
ок, спасибо за идею