ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Redux-Saga. Полный курс
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- #YauhenK #webdev #React #Redux #Redux-Saga
В данном видеокурсе мы с вами рассмотрим Redux-Saga.
Redux-saga - это библиотека, которая призвана упростить и улучшить выполнение сайд-эффектов в Redux приложениях. Основная особенность Саги это создать множества процессов. И обрабатывать эти процессы по отдельности.
В курсе мы разберём основные концепции: "вотчеры", "воркеры" и "эффекты". С помощью Redux-saga научимся осуществлять асинхронные запросы, записывать данные в Redux-Store и обрабатывать ошибки. По результату курса создадим небольшое новостное React-приложение и загрузим его на бесплатный сервис Netlify.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/re...
✒ Timeline:
✔ 0:00 - Введение (Introduction)
✔ 2:30 - Основные понятия (Basic Concepts)
✔ 9:03 - Установка и настройка окружения (Setup Environment)
✔ 16:41 - Интеграция Redux (Redux Integration)
✔ 24:23 - Интеграция Redux-Saga (Redux-Saga Integration)
✔ 31:42 - Эффекты и запрос данных (Effects & Data Fetching)
✔ 40:02 - Сохранение данных в стор (Saving Data Into Redux-Store)
✔ 46:28 - Параллельные задачи (Parallel Tasks)
✔ 56:27 - Обработка ошибок (Errors Handling)
✔ 1:05:28 - Интеграция React Router (React Router Integration)
✔ 1:13:52 - Структура корневой Саги (Root Saga Structure)
✔ 1:20:22 - Интеграция Connected-React-Router (Connected-React-Router Integration)
✔ 1:29:30 - Полезные эффекты (Useful Effects)
✔ 1:36:12 - Деплой на Netlify (Deploying To Netlify)
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ TH-cam: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Как раз вчера проверял ваш канал про редакс а сегодня такой подарок, спасибо)
Пожалуйста
спасибо большое за курс!
ты большой молодец,
спасибо
Спасибо за курс! Как раз на проекте с сагой, обязательно посмотрю новые материалы ещё )
Пожалуйста
Начал смотреть - как всегда вострог, всё чётко, лаконично, без воды)❤
Спасибо
Шикарный курс, смотрел от начала до конца🎉🎉🎉🎉🎉
👍
Спасибо, за хороший и актуальный курс!
Спасибо за отзыв
Надеялся что больше с Сагой работать не буду. И вот на новой работе как р Сага - как своевременно вышел ролик. Жене большое спасибо
Пожалуйста
Отличное видео. Большое спасибо за урок)
Спасибо за отзыв
Спасибо, очень полезный курс!
Пожалуйста
До последнего надеялась, что Сага обойдёт меня стороной, но нет... Большое спасибо Вам за труды, всё чётко, ясно и по сути. Хороший курс. Отдельно удовольствие - Ваше произношение английских слов, это большая редкость 😅. Желаю успехов в дальнейшем!
Спасибо большое за отзыв
Обожаю видосы с цельными курсами)
👍
уже 90 тыс подписчиков, поздравляю
Спасибо
Спасибо за то, что открыл глаза и дал понимание откуда в саге ноги растут)
Думал, что сагу обойду стороной, но попал в крупную компанию, где без саги никак!
Пожалуйста
спасибо за урок)
Пожалуйста
Бляяя как давно я хотел себе такую же прическу в стиле Ким Чен Ын, но все не могу собраться с силами :)
Красавчик!
Спасибо, но давайте постараемся держаться в рамках цензуры!)
Привет . Спасибо за хорошое видео , хотела уточнить не планируешь ли сделать приложение rtk query , ts , react ? Спасибо еще раз )
Возможно в следующем году
привет rtk query замена redux saga или нет? если можно подробный ответ, заранее спасибо)
Redux-Saga, 1 миллион 200 тьісяч загрузок в неделю на Npm. Етот продукт теперь снова поддерживается. В связи с наступлением server actions Redux-Saga может получить второе дьіхание.
Может
Не знаю что это) но поставил лайк и написал коммент!
Nice
Женя, у нас на проекте используется redux + saga каждый раз когда мы кладем что-то в стор перерисовывается все приложение, попробовали на одной странице Zustand такой проблемы нет, и стало все быстрее, проблему пока найти не можем, кодовая база большая, да и редакс подключен базово, вообще заметил что с redux + saga довольно долго разрабатывать, страдает вся команда, допустим если делать страницу с большой формой и в ней много разных прогрузок данных, на написание саг и прочего уходит много времени, что всех в команде напрягает, некоторые теряются в коде, кто-то не так назовет экшен и сидит целый день ищет в чем проблема, честно Жень, ужас, но за ролик спасибо.😮
Спасибо, что поделились личным опытом, возьму на заметку.
о ) ну прям во время
👍
@@YauhenKavalchuk тайпскрипт мы вместе выучили ) пришло время тесты попинать )
А в redux-toolkit нужна сага?
Можно и без неё обойтись)
Какую цветовую тему для VScode вы используете ?
Material Gecko
А можно использовать сагу вместе с тулкит или это аналог? Спасибо
Это инструменты для достижения разных задач. Если есть желание, то можете комбинировать
Для всех кто пришел спросит а надо оно мне?
1. 2-3 года и это тотальный legacy(труп)
2. Официальная рекомендация от Redux
* Use the RTK "listener" middleware as the default for responding to store updates and writing long-running async workflows
* Only use sagas / observables in the very rare situation that listeners don't solve your use case well enough
🤔
а как получить стейт, который нужен как параметры для запроса на сервер? его можно получить только с помощью useSelector в компоненте, то есть вызывать эту асинхронную функцию тоже нужно там, а не в saga. У меня истерика
Не совсем. Можно написать функцию которая будет оборачивать вызов саги и внутрь этой функции передать полученные из стейта данные. Таким образом асинхронный вызов у вас останется в саге
@@YauhenKavalchuk я в конце концов узнала о существовании эффекта select
Что лучше RTK VS REDUX-SAGA ?
Каждый подходит для своих задач. Мне больше Сага нравится
Это немного разные сущности)
RTK - это набор утилит/оберток вокруг стандартного редакса, создание для упрощения и уменьшения копипастного кода, а сага - это мидлварь для сайд-эффектов. Это некоторый аналог вшитого в RTK либы redux-thunk.
Если сравнивать thunk и сага, то имхо сага мощнейший инструмент, значительно превосходящий thunk в силу наличия кучи удобных эффектов, аналоги которых для thunk'ов придется либо писать вручную/либо скачивать либу, например debounce/throttle/channel.
Но зачастую сага не нужна, т.к. функционал в случае если не требуется сложная логика обращения к беку избыточен, и достаточно функционала thunk'ов)
😄
Доброго времени суток. Благодарю вас за видео. Наткнулся на статью от редакс разработчика, который говорит что: " Saga очень мощный инструмент, и не каждому приложению нужна эта сила, чтобы не перегружать приложение. Во всех удобных случаях используйте RTKQuery и не используйте устаревший способ сcreateStore". Хотелось бы узнать ваше мнение по данному поводу.
Согласен. Сага для больших приложений. Для чего-то среднего RTK подходит отлично. И на счёт createStore - он берётся из RTK и отлично заменяет устаревший
@@YauhenKavalchuk благодарю за ответ. Но курс ваш все равно гляну для опыта. Хорошего вам дня 🙏
Omg. Автор так похож на Ким Чен Ына 🤭
Да, мне уже писали об этом
Ким Чен Ын )
😁
ну как вводный урок неплохо но можно было чуток быстрее
🤷♂️