Верстаем общий layout и компоненты. Настраиваем и разбираемся с Redux Toolkit
Приобрести ПОЛНЫЙ ДОСТУП к курсу:
makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: t.me/makewebchatme
Плейлист со всеми видео курса:
• Курс "Javascript Fulls...
СОДЕРЖАНИЕ:
00:00 Футер, хедер и основная область, общий layout
02:57 Про цвета, React.Fragment, глобальные стили приложения
08:15 Разбираем добавленные карточки товаров на главной
09:57 Общий паттерн с методом map() и пробросом пропсов внутрь глупого компонента
14:25 Разбор блока ProductCard. На каком уровне (принцип) размещать картинки, типы и т.д.
22:12 Разбор компонента Button. Более детальное пояснение работы Styled Components на примере.
32:32 Добавляем стор (store) Redux Toolkit. Что такое и как работает: стор, редьюсеры, экшены и др.
41:48 Устройство toolkit-слайса (slice) features/App
48:48 Завершение
===
Вот список тех плейлистов с видео, на которые мы будем опираться:
NestJS • Курс по NestJS
React + CRA • Анатомия React и Creat...
Базовая верстка • Технология верстки 2021
Git • Курс по Git
DevTools Chrome • Инструменты разработчи...
===
GitHub-репозитории курса:
github.com/makewebme/mw-mp-front
github.com/makewebme/mw-mp-admin
github.com/makewebme/mw-mp-se...
github.com/makewebme/mw-mp-srv