https://github.com/yauhenkavalchuk/redux-saga
Код учебного курса “Redux-Saga” на YouTube-канале webDev (https://tinyurl.com/65r36v58)
https://github.com/yauhenkavalchuk/redux-saga
react reactjs redux redux-saga
Last synced: 4 months ago
JSON representation
Код учебного курса “Redux-Saga” на YouTube-канале webDev (https://tinyurl.com/65r36v58)
- Host: GitHub
- URL: https://github.com/yauhenkavalchuk/redux-saga
- Owner: YauhenKavalchuk
- Created: 2021-09-28T06:17:26.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-15T07:37:06.000Z (over 3 years ago)
- Last Synced: 2025-04-25T18:39:04.503Z (6 months ago)
- Topics: react, reactjs, redux, redux-saga
- Language: HTML
- Homepage: http://youtube.com/c/YauhenKavalchuk/
- Size: 307 KB
- Stars: 29
- Watchers: 2
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Redux-Saga
### Описание курса:
В данном видеокурсе мы с вами рассмотрим Redux-Saga.
Redux-saga - это библиотека, которая призвана упростить и улучшить выполнение сайд-эффектов в Redux приложениях. Основная особенность Саги это создать множества процессов. И обрабатывать эти процессы по отдельности.
В курсе мы разберём основные концепции: "вотчеры", "воркеры" и "эффекты". С помощью Redux-saga научимся осуществлять асинхронные запросы, записывать данные в стор и обрабатывать ошибки. По результату курса создадим небольшое новостное приложение и загрузим его на бесплатный сервис Netlify.
### Поддержать развитие канала:
[
][sponsor]
[
][patron]
---
### Используемые инструменты:
- [Visual Studio Code (редактор кода)](https://code.visualstudio.com)
- [Redux Devtools (расширение для браузера)](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ru)
- [Hacker News (ресурс)](https://hn.algolia.com/?query=&sort=byPopularity&prefix&page=0&dateRange=all&type=story)
- [Netlify (бесплатный хостинг)](https://www.netlify.com)
### Полезные ссылки:
- [Node Package Manager](https://www.npmjs.com)
- [Redux-Saga (официальный сайт)](https://redux-saga.js.org)
- [Hacker News (описание API)](https://hn.algolia.com/api)
- [Redux Devtools (репозиторий)](https://github.com/zalmoxisus/redux-devtools-extension)
- [Redux-Saga (репозиторий)](https://github.com/redux-saga/redux-saga)
- [Connected-React-Router (репозиторий)](https://github.com/supasate/connected-react-router)
### Полезные курсы:
- [ES6 Генераторы](https://youtu.be/ejdhriCfF8s)
- [React & Redux](https://www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4)
---
### Быстрый старт
- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/redux-saga.git`
- Перейдите в папку с проектом: `cd redux-saga`
- Перейдите в нужную ветку соответствующую уроку:
- `git checkout lesson_01`
- `git checkout lesson_02`
- `git checkout lesson_10` и т.д.
- Установите зависимости: `yarn install`
- Запустите проект: `yarn start`
---
### Список уроков
- [#0 Введение (Introduction)](https://youtu.be/TGqixbqAlxQ)
- [#1 Основные понятия (Basic Concepts)](https://youtu.be/yFHjqVI6k-I)
- [#2 Установка и настройка окружения (Setup Environment)](https://youtu.be/GLzthfaWJkM)
- [#3 Интеграция Redux (Redux Integration)](https://youtu.be/rolecAf5QJA)
- [#4 Интеграция Redux-Saga (Redux-Saga Integration)](https://youtu.be/PPnB8A2gfLM)
- [#5 Эффекты и запрос данных (Effects & Data Fetching)](https://youtu.be/Tz0G2Obdycc)
- [#6 Сохранение данных в стор (Saving Data Into Redux-Store)](https://youtu.be/L9OpbnImmss)
- [#7 Параллельные задачи (Parallel Tasks)](https://youtu.be/LiEAhXFA8CI)
- [#8 Обработка ошибок (Errors Handling)](https://youtu.be/BsAAeymkuWk)
- [#9 Интеграция React Router (React Router Integration)](https://youtu.be/H-NSvefe_2w)
- [#10 Структура корневой Саги (Root Saga Structure)](https://youtu.be/tT0OWlcSSuc)
- [#11 Интеграция Connected-React-Router (Connected-React-Router Integration)](https://youtu.be/tW-3I_sGoBA)
- [#12 Полезные эффекты (Useful Effects)](https://youtu.be/ZvGmctJe9Cc)
- [#13 Деплой на Netlify (Deploying To Netlify)](https://youtu.be/hmIR9xHZEOk)
---
### Связаться со мной:
[
][youtube]
[
][instagram]
[
][linkedin]
[
][twitter]
[
][vk]
[youtube]: https://youtube.com/YauhenKavalchuk
[instagram]: https://instagram.com/YauhenKavalchuk
[linkedin]: https://linkedin.com/in/YauhenKavalchuk
[vk]: https://vk.com/YauhenKavalchuk
[twitter]: https://twitter.com/YauhenKavalchuk
[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
[patron]: https://www.patreon.com/YauhenKavalchuk