Площадка электронной коммерции. Адаптирована под разные устройства. В проекте предусмотренна витрина, где можно выбрать товар и положить в корзину. В модальном окне, корзине, перечситать общую стоимость, добавить/уменьшить кол-во, удалить товар.
- в гет параметрах можно поменять язык входящих данных https://fortniteapi.io/v2/items/list?lang=en
- в постмане в headers добавляем заголовок Authorization и указываем ему ключ b48c7c3c-928896fd-ab81473c-4caa5f77
- ESLint
- Auto Rename Tag
- Bracket Pair Colorizer (позволяет подсвечивать скобки разными цветами)
установит в текущей открытой паке
иконки вставляем через парный тег сюда подбираем нужное слово на сайте
разместим там наш ключ REACT_APP_API_KEY=b48c7c3c-928896fd-ab81473c-4caa5f77
в нем будем получать наш API_KEY и API_URL
- создадим компонент для иконки. иконку выбираем на сайте
// eslint-disable-next-line
- переносим ключ с енв локал на гитхаб в секреты (настройки проекта => новый секрет)
- устанавливаем npm install gh-pages -D (-D это то же самое что и --save-dev)
- сохраняем изменения git add -A
- запускаем диплой npm run deploy
ссылка на проект https://maximmorenko.github.io/shop-project/
- вместо пропсов будем использовать возможности хуков контекста а также редьсер вместо стейта
- будем доставать нужные пропсы в нужном месте из контекта через провайдер
- редьюсер будет управлять всеми состояниями и действиями с ними
Теперь имея готовый редьюсер, контекст, и шоп обернут в провайдер, мы можем через провайдер спускать все наши методы (функции) к нужным елементам, вызывая их из импортируемого контекста. Теперь все стейты можно удалить, но будем делать это поэтапно. Начнем с goodsItem.
избавились от хука юзСтейт. из шопа перенесли все функции (методы) в контекст сделали рефакторинг приложения