Зміст курсу
Опановуємо React
Опановуємо React
1. Вступ до Основ React
Що таке React?SPA vs. MPA у Веб РозробціЯк React Працює з Віртуальним DOMЗнайомство з JSX в ReactСтворення Складних JSX Елементів Рендеринг Елементів у ReactЧелендж: Рендеринг ЕлементаКомпонент ReactПропси в ReactЧелендж: Функціональні КомпонентиУмовний РендерингЧелендж: Умовний Рендеринг КонтентуChallenge: Implement 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 Хуки та Контекст Підсумок Розділу
Редактор Коду
Крок 2: Встановлення редактора коду
Щоб продовжити, нам потрібно встановити редактор коду. Якщо у вас вже є редактор коду, пропустіть цей крок і перейдіть до наступного розділу. Ми можемо вибрати будь-який редактор коду, з яким нам зручно працювати. Деякі популярні варіанти включають
- Visual Studio Code - https://code.visualstudio.com/
- Піднесений текст - https://www.sublimetext.com/
- WebStorm - https://www.jetbrains.com/webstorm/
У цьому курсі всі приклади будуть продемонстровані з використанням коду Visual Studio. Важливо зазначити, що вибір редактора суттєво не впливає на зміст, але зовнішній інтерфейс може відрізнятися.
Крок за кроком:
- Виберіть редактор коду
- Перейдіть на сайт обраного редактора коду та завантажте інсталятор для операційної системи.
- Запустіть інсталятор і дотримуйтесь інструкцій по встановленню.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 2
