🐕
hi-eddy
🐕
hi-eddy
УвійтиЗареєструватися

Обмежений доступ для гостей

Вам доступно 3 уроки з цього курсу безкоштовно.

  • • Коментарі доступні тільки авторизованим користувачам
  • • Прогрес зберігається тільки 0:00
УвійтиРеєстрація
🔒
КурсиFrontend розробка / Основи ReactJS

Основи ReactJS

Вигляд:

Модуль 1. Вступ до React

1

Що таке React?

Знайомство з бібліотекою React та її основними можливостями.

ЗАВАНТАЖЕННЯ...
2

Встановлення середовища розробки

Налаштування Node.js, npm та редактора коду.

ЗАВАНТАЖЕННЯ...
3

Створення проекту з Vite

Швидке створення React проекту за допомогою Vite.

ЗАВАНТАЖЕННЯ...
4

Структура React проекту

Розбираємо файли та папки в React проекті.

Увійдіть для доступу
5

Перший компонент

Створюємо та відображаємо перший React компонент.

Увійдіть для доступу

Модуль 2. JSX

6

Що таке JSX?

Вивчаємо синтаксис JSX та його переваги.

Увійдіть для доступу
7

JSX вирази

Використання JavaScript виразів у JSX.

Увійдіть для доступу
8

Атрибути в JSX

Робота з атрибутами та className.

Увійдіть для доступу
9

Умовний рендеринг в JSX

Відображення елементів за умовою.

Увійдіть для доступу
10

Фрагменти

Групування елементів без додаткових DOM вузлів.

Увійдіть для доступу

Модуль 3. Компоненти

11

Функціональні компоненти

Створення компонентів за допомогою функцій.

Увійдіть для доступу
12

Композиція компонентів

Об'єднання компонентів для створення інтерфейсу.

Увійдіть для доступу
13

Імпорт та експорт компонентів

Організація компонентів у окремих файлах.

Увійдіть для доступу
14

Children props

Передача вмісту між тегами компонента.

Увійдіть для доступу
15

Компонентна архітектура

Принципи побудови компонентної структури.

Увійдіть для доступу
16

Найкращі практики компонентів

Правила написання чистих компонентів.

Увійдіть для доступу

Модуль 4. Props

17

Передача props

Основи передачі даних у компоненти.

Увійдіть для доступу
18

Деструктуризація props

Зручний доступ до властивостей props.

Увійдіть для доступу
19

Props за замовчуванням

Встановлення значень за замовчуванням.

Увійдіть для доступу
20

PropTypes валідація

Перевірка типів props у компонентах.

Увійдіть для доступу
21

Передача функцій через props

Callback функції як props.

Увійдіть для доступу
22

Spread оператор для props

Передача всіх властивостей об'єкта як props.

Увійдіть для доступу

Модуль 5. State та useState

23

Концепція стану

Що таке стан та навіщо він потрібен.

Увійдіть для доступу
24

Хук useState

Використання useState для керування станом.

Увійдіть для доступу
25

Оновлення стану

Правила оновлення стану в React.

Увійдіть для доступу
26

Стан з об\

Керування складним станом з об'єктами.

Увійдіть для доступу
27

Стан з масивами

Робота з масивами у стані компонента.

Увійдіть для доступу
28

Підняття стану (Lifting State Up)

Спільний стан для кількох компонентів.

Увійдіть для доступу
29

Контрольовані компоненти

Керування значеннями форм через стан.

Увійдіть для доступу

Модуль 6. Обробка подій

30

Синтетичні події React

Система подій у React.

Увійдіть для доступу
31

Обробники подій

Створення функцій-обробників подій.

Увійдіть для доступу
32

Передача аргументів в обробники

Передача додаткових даних в обробники.

Увійдіть для доступу
33

Запобігання дефолтній поведінці

preventDefault та stopPropagation.

Увійдіть для доступу
34

Делегування подій

Ефективна обробка подій для списків.

Увійдіть для доступу

Модуль 7. Списки та ключі

35

Рендеринг списків

Відображення колекцій даних.

Увійдіть для доступу
36

Метод map()

Трансформація масивів у JSX елементи.

Увійдіть для доступу
37

Ключі (keys)

Важливість унікальних ключів для списків.

Увійдіть для доступу
38

Фільтрація та сортування списків

Динамічна робота зі списками.

Увійдіть для доступу

Модуль 8. Форми

39

Контрольовані форми

Керування формами через стан React.

Увійдіть для доступу
40

Обробка текстових полів

Input та обробка введення тексту.

Увійдіть для доступу
41

Select та textarea

Робота з випадаючими списками та textarea.

Увійдіть для доступу
42

Checkbox та radio

Обробка чекбоксів та радіокнопок.

Увійдіть для доступу
43

Валідація форм

Перевірка даних перед відправкою.

Увійдіть для доступу
44

Бібліотека React Hook Form

Спрощення роботи з формами.

Увійдіть для доступу

Модуль 9. useEffect

45

Побічні ефекти

Що таке side effects у React.

Увійдіть для доступу
46

Хук useEffect

Використання useEffect для ефектів.

Увійдіть для доступу
47

Масив залежностей

Контроль виконання ефектів.

Увійдіть для доступу
48

Очищення ефектів

Cleanup функція в useEffect.

Увійдіть для доступу
49

Завантаження даних

Fetch API в useEffect.

Увійдіть для доступу
50

Обробка помилок при fetch

Error handling та loading states.

Увійдіть для доступу

Модуль 10. Context API

51

Проблема prop drilling

Навіщо потрібен Context API.

Увійдіть для доступу
52

createContext

Створення контексту в React.

Увійдіть для доступу
53

useContext хук

Споживання контексту в компонентах.

Увійдіть для доступу
54

Провайдери та споживачі

Архітектура Context API.

Увійдіть для доступу

Модуль 11. React Router

55

Встановлення React Router

Налаштування маршрутизації в проекті.

Увійдіть для доступу
56

Базова маршрутизація

Routes, Route та Link компоненти.

Увійдіть для доступу
57

Параметри маршруту

Динамічні сегменти URL.

Увійдіть для доступу
58

Вкладені маршрути

Nested routes та Outlet.

Увійдіть для доступу

Модуль 12. Практика та збірка

59

Оптимізація продуктивності

React.memo, useMemo та useCallback.

Увійдіть для доступу
60

Збірка та деплой React додатку

Build та розгортання на хостинг.

Увійдіть для доступу

Коментарі

💬

Коментарі доступні тільки для авторизованих користувачів

УвійтиЗареєструватися