В данном видеокурсе мы с вами рассмотрим Redux-Saga. Redux-saga - это библиотека, которая призвана упростить и улучшить выполнение сайд-эффектов в Redux приложениях. Основная особенность Саги это создать множества процессов. И обрабатывать эти процессы по отдельности. В курсе мы разберём основные концепции: "вотчеры", "воркеры" и "эффекты". С помощью Redux-saga научимся осуществлять асинхронные запросы, записывать данные в стор и обрабатывать ошибки. По результату курса создадим небольшое новостное приложение и загрузим его на бесплатный сервис Netlify.
- Visual Studio Code (редактор кода)
- Redux Devtools (расширение для браузера)
- Hacker News (ресурс)
- Netlify (бесплатный хостинг)
- Node Package Manager
- Redux-Saga (официальный сайт)
- Hacker News (описание API)
- Redux Devtools (репозиторий)
- Redux-Saga (репозиторий)
- Connected-React-Router (репозиторий)
- Клонируйте репозиторий:
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)
- #1 Основные понятия (Basic Concepts)
- #2 Установка и настройка окружения (Setup Environment)
- #3 Интеграция Redux (Redux Integration)
- #4 Интеграция Redux-Saga (Redux-Saga Integration)
- #5 Эффекты и запрос данных (Effects & Data Fetching)
- #6 Сохранение данных в стор (Saving Data Into Redux-Store)
- #7 Параллельные задачи (Parallel Tasks)
- #8 Обработка ошибок (Errors Handling)
- #9 Интеграция React Router (React Router Integration)
- #10 Структура корневой Саги (Root Saga Structure)
- #11 Интеграция Connected-React-Router (Connected-React-Router Integration)
- #12 Полезные эффекты (Useful Effects)
- #13 Деплой на Netlify (Deploying To Netlify)