Город МОСКОВСКИЙ
00:37:11

React.js. Создание первого приложения, структура react приложения, основы JSX, оформление CSS

Аватар
Уборка в гармонии
Просмотры:
281
Дата загрузки:
17.11.2023 09:14
Длительность:
00:37:11
Категория:
Обучение

Описание

? Курс 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 и создаем первое приложение на React.JS. Изучаем структуру файлов приложения. Знакомимся с папкой public. Убираем неиспользуемые файлы react приложения. Изучаем как устроен компонент App.js и оформляем его через CSS. Учимся запускать npm start приложение реакт и останавливать его. Изучаем основы JSX и верстки под реакт.

00:00 Начало
00:45 Установка node.js
01:30 Создаем приложение через npx
04:20 Запускаем приложение react
05:10 Структура react приложения
10:10 Удаляем неиспользуемые файлы
11:15 Изучаем компонет App.js
16:00 Создаем верстки и оформление
17:40 Оформляем компонент App.js через App.css
21:40 Добавляем изображение
24:40 Reat Developer Tools
26:00 Вывод версии React
27:00 Emmet и JSX в VSCode
29:30 Размер проекта, node_modules
32:30 Разворачиваем приложение

Моя рабочая станция:
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

Рекомендуемые видео