Обычные каналы в Redux Saga - Сhannel

Опубликовано: 30 Октябрь 2024
на канале: Веб-разработка - DevMagazine
780
51

#ReduxSaga #Redux #React

В очередном видео курса по Redux Saga рассмотрим обычные каналы (функция channel) в Redux Saga. Напишем загрузчик файлов на сервер, который будет отправлять прогресс загрузки в канал для обновления progress bar в компоненте.

Channel или обычный канал в redux-saga - это тип канала, который не привязан к определенному источнику данных. В этот канал отправляются данные при помощи эффекта put. Канал используется для общения между сагами.

Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store).

Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео курса можно в этом плейлисте https://www.youtube.com/playlist?list....

Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter:   / _devmagazine  
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать канал: https://www.donationalerts.com/r/devm...

Плейлисты и курсы:
📃 Исходный код: https://t.me/devmagazinechannel/105
🍏 Redux Saga:    • 🍏 Redux Saga курс  
💡 Все о ReactJS:    • 📘 ReactJS  
💡 Как пройти ReactJS собеседование:    • 🚀 Собеседование React Frontend  
💡 ReactJS хуки:    • 🐠 React хуки  
💡 Redux:    • ☕️ Redux курс  
💡 Как создать слайдер на ReactJS:    • 🎪 Как создать СЛАЙДЕР на ReactJS  
💡 Svelte:    • 🌴 Svelte курс  
💡 Sass:    • 📔 Sass курс  
💡 GraphQL:    • 💪 GraphQL  
💡 JavaScript:    • 📜 JavaScript  

00:00 - Введение
00:19 - О channel в Redux Saga
00:47 - Пример использования channel в Redux Saga
04:37 - Пример загрузки данных на сервер с трекером прогресса с channel в Redux Saga
13:02 - Добавляем сагу к проекту, проверяем пример с загрузкой
14:20 - Комментарии по примеру трекера прогресса

#devmagazine #devmagazinechannel