Зміст курсу
Опановуємо 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 Хуки та Контекст Підсумок Розділу
Що таке React?
Ласкаво просимо у світ React, потужної JavaScript бібліотеки для створення динамічних та інтерактивних користувацьких інтерфейсів. Ми дізнаємося, що таке React і чому він став популярним інструментом для сучасної веб-розробки.
Що таке React?
- React - це популярна бібліотека JavaScript для створення багаторазових компонентно-керованих інтерфейсів користувача для веб-сторінок та додатків.
- React поєднує HTML з функціональністю JavaScript у своїй мові розмітки під назвою JSX. React також дозволяє легко керувати потоком даних у всьому додатку.
- На цьому курсі ви навчитеся створювати різні React-компоненти, керувати даними в пропсах стану, працювати з API, що представляє бекенд, та багато іншого.
Передумови
Перш ніж почати вивчати React, важливо добре розуміти основи веб-розробки, зокрема HTML, CSS та JavaScript. Якщо ви вже знайомі з цими технологіями, ви в правильному місці, щоб вивчати React.
Якщо ж ви тільки починаєте вивчати HTML, CSS або JavaScript, ми рекомендуємо пройти наступні курси, щоб побудувати міцний фундамент:
- Курс HTML: Вивчіть основи HTML, мови, яка структурує веб-вміст.
- Основи CSS: Опануйте CSS, щоб гарно оформлювати та верстати веб-сторінки.
- Вступ до JavaScript: Отримайте навички роботи з JavaScript, мовою, яка додає інтерактивності веб-додаткам. Оскільки React - це бібліотека JavaScript, вона відіграє тут вирішальну роль.
Не соромтеся переходити за цими посиланнями, щоб ознайомитися з цими важливими технологіями перед тим, як зануритися в React.
Що ви навчитеся на курсі
- Ви почнете з основ React, включаючи веб-додатки SPA та MPA, віртуальний DOM, JSX і відображення елементів.
- Потім ви навчитеся створювати та стилізувати компоненти React, використовуючи різні методи, такі як інлайнові стилі, CSS файли та CSS модулі.
- Далі ви поглибите знання в React Hooks і Context, вивчаючи хуки useState, useRef, useEffect, useMemo, і управління глобальним станом за допомогою Context.
- Нарешті, ви налаштуєте ваше середовище розробки, включно з конфігурацією редактора коду, створенням папки проекту, використанням терміналу та стартом React проекту.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 1. Розділ 1
