Это третий урок из цикла обучающих видео о Redux-Saga на русском, но его можно смотреть и отдельно от первых двух. Первый урок: • Redux-Saga React Полный Курс. Урок 1.... Второй урок: • Redux-Saga React Полный Курс. Урок 2.... Код начала 3-го урока:
Финальный код:
В финальный код минимально добавлены стили. В этом видео мы пишем реальное приложение с постраничным выводом (пагинацией) и поиском на REST api с использованием Redux, Redux Saga, React Router, connected-router-redux. Redux-Saga - это middleware для redux, цель которой - сделать асинхронные операции в React приложениях: эффективными для выполнения, легко управляемыми и тестируемыми. Ключевая концепция редакс саги - это создать отдельный поток в нашем приложении, который несет полную ответственность за все побочные эффекты. 👉 Менторство, обратная связь и поддержка / wisejs Для полного понимания нужно смотреть видео полностью. Таймкоды: 00:00 - Демонстрация работы приложения, которое напишем в видео. 01:41 - Обзор начального кода приложения. 03:39 - Создаем сагу и определяем запрос. 05:54 - Определяем reducer для хранения списка и пагинации. 09:28 - Связываем сагу с redux store. 12:24 - Описываем root saga. 13:30 - Проверка работоспособности и разбор логики работы. 14:05 - Отображаем таблицу с данными. 20:00 - Выносим таблицу в отдельный компонент. 20:50 - Создаем пагинацию на React и Redux-Saga. 27:04 - Создаем поиск по странице используя REST API. 30:01 - Имплементируем страницу деталей. 32:42 - Реализуем saga слежения за роутами. Добавляем router config. 39:55 - Дописываем reducer для деталей. 44:44 - Сага для страницы деталей. 47:20 - Верстаем страницу details. Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка) ✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
https://www.youtube.com/channel/UCOxq... ✔️Мой телеграм канал:
#reduxsaga #reactreduxsaga #reduxsagaeffects #редакссага #реактредакссага #редакссаганарусском
