Урок 4 из 22
Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части
Уроки22 урока
- 1React JS с 0 для начинающих. Введение. Что такое React? Преимущества React. Зачем React нужен?
- 2Как создать проект на React через Vite. Установка, настройка и структура проекта
- 3JSX в React: особенности синтаксиса, подводные камни, условный рендеринг и списки
- 4Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части
- 5Props в React. Что такое пропсы, как передавать данные и зачем нужен children
- 6События в React: клики, ввод текста и отправка форм. Обработка onClick и onChange
- 7Состояние компонента в React. useState на практике: добавляем и обновляем данные
- 8Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач
- 9Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM
- 10Оптимизация в React: как и когда использовать memo, useCallback и useMemo
- 11Контекст в React: хук useContext и избавление от prop drilling
- 12Кастомные хуки в React: как выносить логику в отдельные функции
- 13Формы в React: управление вводом и простая валидация без сторонних библиотек
- 14Работа с API в React. Подключение к json-server и fetch-запросы: GET, POST, DELETE, PATCH
- 15Маршрутизация в React без библиотек. Как реализовать переходы между страницами
- 16Стилизация компонентов в React: CSS, SCSS и CSS-модули. Почему не Tailwind и не CSS-in-JS
- 17Анимации в React без библиотек. Плавные переходы с помощью CSS и состояний
- 18Архитектура React-приложения. Как структурировать проект. Методология Featured-Sliced Design
- 19Менеджмент состояния в React без Redux – когда хватает useReducer, useState и useContext
- 20Безопасность в React: защита от XSS и работа с чувствительными данными. Подсветка фрагмента поиска
- 21Тестирование и отладка React-компонентов: React DevTools на практике
- 22Как задеплоить React-приложение на GitHub Pages