📓React JS
Занятие 1: Введение в React
Что такое React и зачем его использовать.
Установка и настройка окружения (Node.js, npm, Create React App).
Основные концепции React: компоненты, JSX.
Создание простого функционального компонента.
Занятие 2: Компоненты и Props
Разница между функциональными и классовыми компонентами.
Props: передача данных между компонентами.
Использование
PropTypesиdefaultProps.
Занятие 3: Состояние и обработка событий
Использование
useStateдля управления состоянием.Работа с обработчиками событий.
Двустороннее связывание данных (controlled components).
Неделя 2: Работа с React
Занятие 4: Жизненный цикл компонентов и хуки
Жизненный цикл классовых компонентов.
Хуки:
useEffect, работа с побочными эффектами.Сравнение классовых компонентов с функциональными.
Занятие 5: Работа с формами и списками
Создание форм: управление вводом.
Отправка данных формы.
Работа со списками: использование
mapдля рендеринга массивов.
Занятие 6: Стилизация компонентов
CSS и стили в React.
CSS-модули и
styled-components.Работа с библиотеками, например, Material-UI или Bootstrap.
Неделя 3: Продвинутые темы React
Занятие 7: React Router
Установка и настройка React Router.
Создание маршрутов и навигации.
Работа с параметрами URL.
Занятие 8: Управление состоянием
Контекст (React Context API).
Создание глобального состояния.
Введение в Redux: основная идея и установка.
Занятие 9: Асинхронные запросы
Использование
fetchиaxiosдля запросов к API.Управление состоянием загрузки и ошибок.
Пример работы с REST API.
Неделя 4: Практика и оптимизация
Занятие 10: Оптимизация производительности
React.memo и
useMemo.Хук
useCallback.Ленивая загрузка компонентов (React.lazy, Suspense).
Занятие 11: Тестирование в React
Введение в тестирование компонентов.
Использование Jest и React Testing Library.
Написание простых тестов.
Занятие 12: Итоговый проект
Разработка небольшого проекта, который включает:
Использование компонентов и хуков.
Асинхронные запросы к API.
Маршрутизацию.
Стилизацию и оптимизацию.
Last updated