Redux-Saga. Полный курс

  Рет қаралды 14,683

webDev

webDev

Күн бұрын

#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
✒ Автор курса:
✔ KZfaq: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

Пікірлер: 67
@knowledgedose1956
@knowledgedose1956 Жыл бұрын
спасибо большое за курс! ты большой молодец,
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
спасибо
@rodionkrzheminskyi203
@rodionkrzheminskyi203 Жыл бұрын
Спасибо, очень полезный курс!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@serhiikhotsyk869
@serhiikhotsyk869 Жыл бұрын
Спасибо, за хороший и актуальный курс!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Спасибо за отзыв
@user-bz1oh8es6e
@user-bz1oh8es6e Жыл бұрын
Шикарный курс, смотрел от начала до конца🎉🎉🎉🎉🎉
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@elconrel9665
@elconrel9665 Жыл бұрын
Как раз вчера проверял ваш канал про редакс а сегодня такой подарок, спасибо)
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@DoSmth
@DoSmth Жыл бұрын
Спасибо за курс! Как раз на проекте с сагой, обязательно посмотрю новые материалы ещё )
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@nk_77777
@nk_77777 5 ай бұрын
Начал смотреть - как всегда вострог, всё чётко, лаконично, без воды)❤
@YauhenKavalchuk
@YauhenKavalchuk 5 ай бұрын
Спасибо
@raminhesenov1376
@raminhesenov1376 10 ай бұрын
Отличное видео. Большое спасибо за урок)
@YauhenKavalchuk
@YauhenKavalchuk 10 ай бұрын
Спасибо за отзыв
@yevhenlysenko7444
@yevhenlysenko7444 Жыл бұрын
спасибо за урок)
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@maxet2374
@maxet2374 Жыл бұрын
Надеялся что больше с Сагой работать не буду. И вот на новой работе как р Сага - как своевременно вышел ролик. Жене большое спасибо
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Пожалуйста
@Signtone
@Signtone Жыл бұрын
Обожаю видосы с цельными курсами)
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@vasya8441
@vasya8441 Жыл бұрын
уже 90 тыс подписчиков, поздравляю
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Спасибо
@livevikulin
@livevikulin 10 ай бұрын
Спасибо за то, что открыл глаза и дал понимание откуда в саге ноги растут) Думал, что сагу обойду стороной, но попал в крупную компанию, где без саги никак!
@YauhenKavalchuk
@YauhenKavalchuk 10 ай бұрын
Пожалуйста
@ElizavetaLurova
@ElizavetaLurova Жыл бұрын
До последнего надеялась, что Сага обойдёт меня стороной, но нет... Большое спасибо Вам за труды, всё чётко, ясно и по сути. Хороший курс. Отдельно удовольствие - Ваше произношение английских слов, это большая редкость 😅. Желаю успехов в дальнейшем!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Спасибо большое за отзыв
@maksymdudyk1718
@maksymdudyk1718 24 күн бұрын
Redux-Saga, 1 миллион 200 тьісяч загрузок в неделю на Npm. Етот продукт теперь снова поддерживается. В связи с наступлением server actions Redux-Saga может получить второе дьіхание.
@YauhenKavalchuk
@YauhenKavalchuk 21 күн бұрын
Может
@mkonin
@mkonin Жыл бұрын
о ) ну прям во время
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@mkonin
@mkonin Жыл бұрын
@@YauhenKavalchuk тайпскрипт мы вместе выучили ) пришло время тесты попинать )
@imdimasan
@imdimasan Жыл бұрын
Бляяя как давно я хотел себе такую же прическу в стиле Ким Чен Ын, но все не могу собраться с силами :) Красавчик!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Спасибо, но давайте постараемся держаться в рамках цензуры!)
@mind150
@mind150 Жыл бұрын
Не знаю что это) но поставил лайк и написал коммент!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Nice
@haibova_irisha
@haibova_irisha Жыл бұрын
Привет . Спасибо за хорошое видео , хотела уточнить не планируешь ли сделать приложение rtk query , ts , react ? Спасибо еще раз )
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Возможно в следующем году
@kujojotaro3464
@kujojotaro3464 Жыл бұрын
Для всех кто пришел спросит а надо оно мне? 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
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
🤔
@godforger
@godforger Жыл бұрын
привет rtk query замена redux saga или нет? если можно подробный ответ, заранее спасибо)
@starunski_
@starunski_ Жыл бұрын
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
😄
@TipAnswer
@TipAnswer Жыл бұрын
Женя, у нас на проекте используется redux + saga каждый раз когда мы кладем что-то в стор перерисовывается все приложение, попробовали на одной странице Zustand такой проблемы нет, и стало все быстрее, проблему пока найти не можем, кодовая база большая, да и редакс подключен базово, вообще заметил что с redux + saga довольно долго разрабатывать, страдает вся команда, допустим если делать страницу с большой формой и в ней много разных прогрузок данных, на написание саг и прочего уходит много времени, что всех в команде напрягает, некоторые теряются в коде, кто-то не так назовет экшен и сидит целый день ищет в чем проблема, честно Жень, ужас, но за ролик спасибо.😮
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Спасибо, что поделились личным опытом, возьму на заметку.
@georgy2763
@georgy2763 Жыл бұрын
А можно использовать сагу вместе с тулкит или это аналог? Спасибо
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Это инструменты для достижения разных задач. Если есть желание, то можете комбинировать
@biLLie_wiLLie
@biLLie_wiLLie Жыл бұрын
А в redux-toolkit нужна сага?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Можно и без неё обойтись)
@groove382
@groove382 Жыл бұрын
Какую цветовую тему для VScode вы используете ?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Material Gecko
@wneonw1
@wneonw1 Жыл бұрын
Ким Чен Ын )
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
😁
@Snegurjan
@Snegurjan 11 ай бұрын
Доброго времени суток. Благодарю вас за видео. Наткнулся на статью от редакс разработчика, который говорит что: " Saga очень мощный инструмент, и не каждому приложению нужна эта сила, чтобы не перегружать приложение. Во всех удобных случаях используйте RTKQuery и не используйте устаревший способ сcreateStore". Хотелось бы узнать ваше мнение по данному поводу.
@YauhenKavalchuk
@YauhenKavalchuk 11 ай бұрын
Согласен. Сага для больших приложений. Для чего-то среднего RTK подходит отлично. И на счёт createStore - он берётся из RTK и отлично заменяет устаревший
@Snegurjan
@Snegurjan 11 ай бұрын
@@YauhenKavalchuk благодарю за ответ. Но курс ваш все равно гляну для опыта. Хорошего вам дня 🙏
@user-rk7dm1xm3r
@user-rk7dm1xm3r 22 күн бұрын
Omg. Автор так похож на Ким Чен Ына 🤭
@YauhenKavalchuk
@YauhenKavalchuk 21 күн бұрын
Да, мне уже писали об этом
@user-dx1ly2to1m
@user-dx1ly2to1m Жыл бұрын
а как получить стейт, который нужен как параметры для запроса на сервер? его можно получить только с помощью useSelector в компоненте, то есть вызывать эту асинхронную функцию тоже нужно там, а не в saga. У меня истерика
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Не совсем. Можно написать функцию которая будет оборачивать вызов саги и внутрь этой функции передать полученные из стейта данные. Таким образом асинхронный вызов у вас останется в саге
@user-dx1ly2to1m
@user-dx1ly2to1m Жыл бұрын
@@YauhenKavalchuk я в конце концов узнала о существовании эффекта select
@GHost22051996
@GHost22051996 Жыл бұрын
Что лучше RTK VS REDUX-SAGA ?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Каждый подходит для своих задач. Мне больше Сага нравится
@user-zn5ky3fw5h
@user-zn5ky3fw5h Жыл бұрын
Это немного разные сущности) RTK - это набор утилит/оберток вокруг стандартного редакса, создание для упрощения и уменьшения копипастного кода, а сага - это мидлварь для сайд-эффектов. Это некоторый аналог вшитого в RTK либы redux-thunk. Если сравнивать thunk и сага, то имхо сага мощнейший инструмент, значительно превосходящий thunk в силу наличия кучи удобных эффектов, аналоги которых для thunk'ов придется либо писать вручную/либо скачивать либу, например debounce/throttle/channel. Но зачастую сага не нужна, т.к. функционал в случае если не требуется сложная логика обращения к беку избыточен, и достаточно функционала thunk'ов)
@user-pi3em2ke2l
@user-pi3em2ke2l 5 ай бұрын
ну как вводный урок неплохо но можно было чуток быстрее
@YauhenKavalchuk
@YauhenKavalchuk 5 ай бұрын
🤷‍♂️
MobX & React. Полный курс
50:15
webDev
Рет қаралды 33 М.
ИРИНА КАЙРАТОВНА - АЙДАХАР (БЕКА) [MV]
02:51
ГОСТ ENTERTAINMENT
Рет қаралды 13 МЛН
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 145 МЛН
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 159 МЛН
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 3,9 МЛН
Context против Redux | Разбираемся что лучше
21:07
Redux Saga vs Thunk: What should you choose?
14:19
EdRoh
Рет қаралды 32 М.
ИРИНА КАЙРАТОВНА - АЙДАХАР (БЕКА) [MV]
02:51
ГОСТ ENTERTAINMENT
Рет қаралды 13 МЛН