Компоненты React. Написание, композиция, оформление компонентов на примере сайта

💎 Курс ReactJS : https://itgid.info/course/reactjs
⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
👇 Разверни для полной информации
👨‍💻 Курс Методы массивов: https://itgid.info/course/arraymethod
👣 Курс HTML : https://itgid.info/course/html
😺 Курс Функции JS: https://itgid.info/course/function-2021
🍀 Канал Telegram: https://t.me/itgid_info

Изучаем компоненты React на примере сайта. Создаем структуру компонентов, пишем код компонента, композицию компонентов. Оформляем component react. Изучаем импорт и экспорт компонентов.

00:00 Вступление
01:00 Создание проекта
04:00 Создание компонента APP
07:05 Создание компонента Header
11:30 Создание компонента Footer
14:20 Оформляем компоненты
18:05 Создаем компонент Main
20:50 Подключение json файла с данными
22:15 Вывод данных с помощью JSX
25:00 Вывод данных с помощью map
27:00 Создаем компонент Sidebar
30:00 Вывод навигации c помощью map

Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Box: Gougar MX350 Mesh

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB