⭐ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: https://slc.tl/r4ctg
⭐ Интенсив для подготовки к React: https://pomazkovjs-hangman.ru/
[используйте промокод REACT10 для скидки в 10%]
⭐ Конспект по React (Бусти): https://boosty.to/pomazkovjs
✅ Стили на GitHub (App.css): https://github.com/arseniypom/react-intro-styles/blob/main/App.css
✅ Что такое StrictMode: https://t.me/pomazkovjs/204
В этом видео мы разберем ОСНОВЫ работы библиотеки React, ответив на вопросы:
– как работает React?
– как создать проект с React и Vite?
– из чего состоит типичный проект на реакте?
– что такое компоненты React?
– что такое пропсы?
– что такое хук useState?
– как отслеживать ререндеры компонентов?
И все это на конкретных примерах, создавая ваше первое приложение на реакт!
Приятного просмотра!
Тайм-коды:
00:00 Звонок от рекрутера
01:17 Что будет в ролике
02:48 Что такое React
04:57 Как создать проект с React
08:58 Изучаем структуру проекта
11:52 Удаляем ненужные файлы
12:14 Файлы проекта с React
17:34 Что такое JSX разметка
19:10 Ограничения JSX
20:12 Что такое JSX Fragment
22:54 Верстка в React
27:03 Как создать компонент в React
29:04 Пропсы в React
31:30 Отображение множества компонентов из массива
34:41 Обязательный проп key
35:26 Группируем файлы компонента
36:53 Хук useState
43:22 Как отслеживать ререндер компонентов (react devtools)
48:52 Заключение
#javascript #react #reactjs #reactjstutorial
Реклама. ООО "Селектел". Erid: 2Vtzquh6bvV