В данном курсе продемонстрирована простая реализация интернет-магазина с помощью JavaScript библиотеки React без реализации серверной части.
- Создаем create-react-app проект. Устанавливаем необходимые библиотеки.
- На основе файла db.json разворачиваем сервер с помощью библиотеки json-server.
- Подключаем Redux, создаем базовый action, создаем reducer, начальное состояние.
- Создаем компонент ProductList и подключаем его к store. Фетчим данные. Создаем компонент Card. Выводим список карточек.
- Создаем компонент AppNavbar. Подключаем его к store.
- Реализация функионала корзины.
- Симуляция оплаты.
Бонусы:
- Пишем Node.js скрипт для заполнения db.json.
- Добавляем форму поиска, фильтры.
- Смена валюты.
- Пагинация на клиенте.
Реализовываем авторизацию пользователей с помощью json-server-auth.
Пишем админку.