📓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.

  • Маршрутизацию.

  • Стилизацию и оптимизацию.