Интернет-магазин на React/Redux
Уроков:
16Приобретая серию вы получите:
Полный доступ
Доступ к курсу навсегда и в любое время
Исходники
Доступ к исходному коду
Помощь в комментариях к урокам
Вы сможете получить ответы на ваши вопросы в комментариях
В этой серии мы с вами напишем интернет-магазин от начала и до конца используя React и Redux.
Чему вы научитесь
- Структурировать и конфигурировать проект
- Писать хороший код в React и Redux на реальном проекте
- Создавать переиспользуемые селекторы и компоненты
- Отделять работу с данными от екшенов
- Использовать библиотеку Ramda для удобной работы с данными
- Получать данные от API
Необходимые знания
- Javascript
- React - https://monsterlessons.com/project/series/react-dlya-nachinayushih
- Redux - https://monsterlessons.com/project/series/redux-js-dlya-nachinayushih
Для кого этот курс
- Для всех, кто уже немного разобрался с React и Redux, но хочет реализовать реальный проект от начала и до конца и понять, как все работает.
Перейти к просмотру
В этом уроке мы познакомимся с заготовкой проекта. Эта заготовка нужна для того, чтобы у вас не возникало проблем по мере разработки проекта. Там уже установлены все npm пакеты, которые нам понадобятся во время написания проекта.
Настраиваем проект
Урок 2
Перейти к просмотру
Настраиваем проект
Урок 2
В этом уроке мы с вами подключим к проекту react-router, redux и выведем главную страницу.
Перейти к просмотру
В этом уроке мы будет получать данные для страницы товаров.
Перейти к просмотру
В этом уроке мы с вами подготовим наши данные для страницы товаров.
Перейти к просмотру
В этом уроке мы с вами будет рендерить страницу товаров.
Добавляем пагинацию
Урок 6
Перейти к просмотру
Добавляем пагинацию
Урок 6
В этом уроке мы с вами добавим кнопку "Показать больше товаров".
Перейти к просмотру
В этом уроке мы с вами подготовим данные для нашей страницы отдельного товара.
Перейти к просмотру
В этом уроке мы с вами отрендерим страницу отдельного товара, по данным, которые мы приготовили в прошлом уроке.
Перейти к просмотру
В этом уроке мы с вами реализуем вывод корзины на странице списка товаров и отдельного товара. Это нужно для того, чтобы пользователь всегда видел сколько товаров у него добавлено в корзину и на какую сумму.
Реализуем поиск товаров
Урок 10
Перейти к просмотру
Реализуем поиск товаров
Урок 10
В этом уроке мы с вами реализуем поиск по товарам в нашем магазине.
Перейти к просмотру
В этом уроке мы с вами подготовим данные для категорий и фильтра товаров по категориям.
Перейти к просмотру
В этом уроке мы отрендерим список категорий и добавим фильтр товаров по категориям.
Перейти к просмотру
В этом уроке мы с вами подготовим данные для нашей страницы корзины.
Добавляем екшены к корзине
Урок 14
Перейти к просмотру
Добавляем екшены к корзине
Урок 14
В этом уроке мы закончим с вами страницу basket, добавив к ней недостающие екшены.
Получение данных от API
Урок 15
Перейти к просмотру
Получение данных от API
Урок 15
В этом уроке мы с вами попробуем использовать для получения данных реальный API.
Домашнее задание
Урок 16
Перейти к просмотру
Домашнее задание
Урок 16
В качестве заключения я бы хотел написать что еще можно реализовать в качестве домашнего задания, если есть интерес развивать такой интернет магазин дальше