Курс Javascript Fullstack разработчик: Урок 2

У вашего броузера проблема в совместимости с HTML5

Верстаем общий layout и компоненты. Настраиваем и разбираемся с Redux Toolkit

Приобрести ПОЛНЫЙ ДОСТУП к курсу:
https://makeweb.me/course-js-fullstack-developer

Телеграм для связи по курсу: http://t.me/makewebchatme

Плейлист со всеми видео курса:
https://www.youtube.com/playlist?list=PLvWwA9iDlhHAlfaUsPlITn4j-VeLZlcWt

СОДЕРЖАНИЕ:
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 https://www.youtube.com/playlist?list=PLvWwA9iDlhHAhfM4Ttcx_RcU266xz9OcT
React + CRA https://www.youtube.com/playlist?list=PLvWwA9iDlhHBQ6razvwomGcUIfQm4fk6D
Базовая верстка https://www.youtube.com/playlist?list=PLvWwA9iDlhHBJG9zvHiGIbVfcVEDrPRml
Git https://www.youtube.com/playlist?list=PLvWwA9iDlhHDtvzgqGvCYn9R4swacElD6
DevTools Chrome https://www.youtube.com/playlist?list=PLvWwA9iDlhHA4kzfpRbu2cH-Z2ss6tB99

===

GitHub-репозитории курса:
https://github.com/makewebme/mw-mp-front
https://github.com/makewebme/mw-mp-admin
https://github.com/makewebme/mw-mp-seller
https://github.com/makewebme/mw-mp-srv