Из-за периодической блокировки нашего сайта РКН сервисами, просим воспользоваться резервным адресом:
Загрузить через ClipSave.ruУ нас вы можете посмотреть бесплатно Реальное Приложение с Пагинацией и Поиском на React + REST API. Урок 3. Redux-Saga React Полный Курс или скачать в максимальном доступном качестве, которое было загружено на ютуб. Для скачивания выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса savevideohd.ru
Это третий урок из цикла обучающих видео о Redux-Saga на русском, но его можно смотреть и отдельно от первых двух. Первый урок: • Redux-Saga React Полный Курс. Урок 1.... Второй урок: • Redux-Saga React Полный Курс. Урок 2.... Код начала 3-го урока: https://github.com/maks1mp/redux-saga... Финальный код: https://github.com/maks1mp/redux-saga... В финальный код минимально добавлены стили. В этом видео мы пишем реальное приложение с постраничным выводом (пагинацией) и поиском на 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... ✔️Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z #reduxsaga #reactreduxsaga #reduxsagaeffects #редакссага #реактредакссага #редакссаганарусском