Velaris Academy | Навчання з точністю

01

Що таке React і навіщо потрібні SPA

Модуль фокусується на фундаментальних аспектах теми

Вивчати

02

Як працює браузер і Virtual DOM

Модуль фокусується на фундаментальних аспектах теми

Вивчати

03

Налаштування середовища: Node.js, npm, Vite

Модуль фокусується на фундаментальних аспектах теми

Вивчати

04

Структура React-проєкту

Модуль фокусується на фундаментальних аспектах теми

Вивчати

05

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

06

JSX: як JavaScript і HTML працюють разом

Модуль фокусується на фундаментальних аспектах теми

Вивчати

07

Компоненти та повторне використання UI

Модуль фокусується на фундаментальних аспектах теми

Вивчати

08

Props: передача даних у компоненти

Модуль фокусується на фундаментальних аспектах теми

Вивчати

09

State і керування станом компонента

Модуль фокусується на фундаментальних аспектах теми

Вивчати

10

Події та обробники подій

Модуль фокусується на фундаментальних аспектах теми

Вивчати

11

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

12

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

13

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

14

Підйом стану (lifting state up)

Модуль фокусується на фундаментальних аспектах теми

Вивчати

15

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

16

Хуки: useState та useEffect

Модуль фокусується на фундаментальних аспектах теми

Вивчати

17

Життєвий цикл компонента через хуки

Модуль фокусується на фундаментальних аспектах теми

Вивчати

18

Робота з API: fetch і axios

Модуль фокусується на фундаментальних аспектах теми

Вивчати

19

Асинхронність і обробка помилок у React

Модуль фокусується на фундаментальних аспектах теми

Вивчати

20

Loading, error та empty states

Модуль фокусується на фундаментальних аспектах теми

Вивчати

21

Керування глобальним станом: Context API

Модуль фокусується на фундаментальних аспектах теми

Вивчати

22

Оптимізація ререндерів і React.memo

Модуль фокусується на фундаментальних аспектах теми

Вивчати

23

useCallback і useMemo на практиці

Модуль фокусується на фундаментальних аспектах теми

Вивчати

24

Кастомні хуки

Модуль фокусується на фундаментальних аспектах теми

Вивчати

25

Архітектура React-застосунку

Модуль фокусується на фундаментальних аспектах теми

Вивчати

26

React Router: клієнтська навігація

Модуль фокусується на фундаментальних аспектах теми

Вивчати

27

Динамічні маршрути та параметри

Модуль фокусується на фундаментальних аспектах теми

Вивчати

28

Захищені маршрути та авторизація

Модуль фокусується на фундаментальних аспектах теми

Вивчати

29

Робота з формами: React Hook Form

Модуль фокусується на фундаментальних аспектах теми

Вивчати

30

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

31

Стилізація в React: CSS, CSS Modules, styled-components

Модуль фокусується на фундаментальних аспектах теми

Вивчати

32

UI-бібліотеки та дизайн-системи

Модуль фокусується на фундаментальних аспектах теми

Вивчати

33

Робота з файлами та зображеннями

Модуль фокусується на фундаментальних аспектах теми

Вивчати

34

Тестування React-компонентів

Модуль фокусується на фундаментальних аспектах теми

Вивчати

35

Debugging і React DevTools

Модуль фокусується на фундаментальних аспектах теми

Вивчати

36

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

Модуль фокусується на фундаментальних аспектах теми

Вивчати

37

SEO та базові принципи SSR

Модуль фокусується на фундаментальних аспектах теми

Вивчати

38

Збірка та production build

Модуль фокусується на фундаментальних аспектах теми

Вивчати

39

Деплой React-застосунку

Модуль фокусується на фундаментальних аспектах теми

Вивчати

40

Архітектура production-рівня та фінальний проєкт

Модуль фокусується на фундаментальних аспектах теми

Вивчати

React

Що таке React і навіщо потрібні SPA

Як працює браузер і Virtual DOM

Налаштування середовища: Node.js, npm, Vite

Структура React-проєкту

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

JSX: як JavaScript і HTML працюють разом

Компоненти та повторне використання UI

Props: передача даних у компоненти

State і керування станом компонента

Події та обробники подій

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

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

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

Підйом стану (lifting state up)

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

Хуки: useState та useEffect

Життєвий цикл компонента через хуки

Робота з API: fetch і axios

Асинхронність і обробка помилок у React

Loading, error та empty states

Керування глобальним станом: Context API

Оптимізація ререндерів і React.memo

useCallback і useMemo на практиці

Кастомні хуки

Архітектура React-застосунку

React Router: клієнтська навігація

Динамічні маршрути та параметри

Захищені маршрути та авторизація

Робота з формами: React Hook Form

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

Стилізація в React: CSS, CSS Modules, styled-components

UI-бібліотеки та дизайн-системи

Робота з файлами та зображеннями

Тестування React-компонентів

Debugging і React DevTools

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

SEO та базові принципи SSR

Збірка та production build

Деплой React-застосунку

Архітектура production-рівня та фінальний проєкт

Статус навчання