Зміст курсу
Опановуємо React
Опановуємо React
1. Вступ до Основ React
Що таке React?SPA vs. MPA у Веб РозробціЯк React Працює з Віртуальним DOMЗнайомство з JSX в ReactСтворення Складних JSX Елементів Рендеринг Елементів у ReactЧелендж: Рендеринг ЕлементаКомпонент ReactПропси в ReactЧелендж: Функціональні КомпонентиУмовний РендерингЧелендж: Умовний Рендеринг КонтентуChallenge: Conditional Rendering - Bank AlertРендеринг Набору ДанихЧелендж: Рендеринг Набору ДанихВступ до Основ React Підсумок Розділу
2. Стилізація в React Додатках
Вступ до Стилізації в ReactВбудовані СтиліВбудовані Стилі на ПрактиціЧелендж: Вбудовані СтиліСтилізація за Допомогою CSS ФайлуСтилізація за Допомогою CSS файлу на ПрактиціЧелендж: Стилізація за Допомогою CSS ФайлуСтилізація за Допомогою CSS МодулівОрганізація Структури Файлів та ПапокЧелендж: CSS МодуліСтилізація в React Підсумок Розділу
3. React Хуки та Контекст
Вступ: React Хуки та КонтекстuseState ХукЧелендж: Перемикання ВидимостіuseRef ХукЧелендж: Створення Компонента ФормиuseEffect ХукЧелендж: Отримання та Відображення ДанихuseMemo ХукЧелендж: Фільтрація Списку АвтомобілівКонтекстКонтекст на ПрактиціЧелендж: World of Astronomy ДодатокReact Хуки та Контекст Підсумок Розділу
Термінал
Крок 5: Відкриваємо термінал у редакторі коду
Тепер, коли у нас є всі необхідні інструменти і ми відкрили папку проекту в редакторі коду, давайте відкриємо термінал в редакторі коду. У VS Code цей процес дуже простий.
Крок за кроком:
- Знайдіть слово
Terminal
у верхньому рядку VS Code.
- Натисніть на нього, щоб відкрити випадаюче меню.
- Виберіть
New Terminal
у випадаючому меню.
Після виконання цих кроків термінал відкриється в нижній частині вікна VS Code. Зверніть увагу, що зовнішній вигляд терміналу може дещо відрізнятися залежно від вашої операційної системи. Переконайтеся, що назву папки проекту видно у терміналі.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 4