Интернет-магазин на React/Redux

poster
Уроков:
 16
Продолжительность:
 02:42:09
1000 руб.
Приобретая серию вы получите:
Полный доступ
Доступ к курсу навсегда и в любое время
Исходники и текст урока
Доступ к исходному коду и тексту каждого урока
Помощь в комментариях к урокам
Вы сможете получить ответы на ваши вопросы в комментариях
Понравилось? Поделитесь с друзьями!
Понравилось?
Поделитесь с друзьями!
В этой серии мы с вами напишем интернет-магазин от начала и до конца используя React и Redux.

Чему вы научитесь

  1. Структурировать и конфигурировать проект
  2. Писать хороший код в React и Redux на реальном проекте
  3. Создавать переиспользуемые селекторы и компоненты
  4. Отделять работу с данными от екшенов
  5. Использовать библиотеку Ramda для удобной работы с данными
  6. Получать данные от API

Необходимые знания

  1. Javascript
  2. React - https://monsterlessons.com/project/series/react-dlya-nachinayushih
  3. Redux - https://monsterlessons.com/project/series/redux-js-dlya-nachinayushih

Для кого этот курс

  1. Для всех, кто уже немного разобрался с React и Redux, но хочет реализовать реальный проект от начала и до конца и понять, как все работает.
Перейти к просмотру
Знакомимся с заготовкой проекта
В этом уроке мы познакомимся с заготовкой проекта. Эта заготовка нужна для того, чтобы у вас не возникало проблем по мере разработки проекта. Там уже установлены все npm пакеты, которые нам понадобятся во время написания проекта.
Перейти к просмотру
Настраиваем проект
В этом уроке мы с вами подключим к проекту react-router, redux и выведем главную страницу.
Перейти к просмотру
Загрузка данных для страницы товаров
В этом уроке мы будет получать данные для страницы товаров.
Перейти к просмотру
Подготовка данных для страницы товаров
В этом уроке мы с вами подготовим наши данные для страницы товаров.
Перейти к просмотру
Отрисовываем страницу с товарами
В этом уроке мы с вами будет рендерить страницу товаров.
Перейти к просмотру
Добавляем пагинацию
В этом уроке мы с вами добавим кнопку "Показать больше товаров".
Перейти к просмотру
Подготовка данных для страницы товара
В этом уроке мы с вами подготовим данные для нашей страницы отдельного товара.
Перейти к просмотру
Отрисовка страницы отдельного товара
В этом уроке мы с вами отрендерим страницу отдельного товара, по данным, которые мы приготовили в прошлом уроке.
Перейти к просмотру
Добавляем корзину на все страницы
В этом уроке мы с вами реализуем вывод корзины на странице списка товаров и отдельного товара. Это нужно для того, чтобы пользователь всегда видел сколько товаров у него добавлено в корзину и на какую сумму.
Перейти к просмотру
Реализуем поиск товаров
В этом уроке мы с вами реализуем поиск по товарам в нашем магазине.
Перейти к просмотру
Подготовка данных для категорий
В этом уроке мы с вами подготовим данные для категорий и фильтра товаров по категориям.
Перейти к просмотру
Отрисовываем категории и фильтруем товары
В этом уроке мы отрендерим список категорий и добавим фильтр товаров по категориям.
Перейти к просмотру
Подготавливаем данные для страницы корзины
В этом уроке мы с вами подготовим данные для нашей страницы корзины.
Перейти к просмотру
Добавляем екшены к корзине
В этом уроке мы закончим с вами страницу basket, добавив к ней недостающие екшены.
Перейти к просмотру
Получение данных от API
В этом уроке мы с вами попробуем использовать для получения данных реальный API.
Перейти к просмотру
Домашнее задание
В качестве заключения я бы хотел написать что еще можно реализовать в качестве домашнего задания, если есть интерес развивать такой интернет магазин дальше