1. React - библиотека фронтенд-разработки
Изучите
1.Специфика React JS
2.Знакомство с JSX — расширение языка JavaScript
3.Настройка окружения
4.React виртуал DOM
5.Создание проекта React
6.Webpack: сборщик модулей
7.Nodemon
Освоите
- Проект React
- Настройка окружения
- Nodemon
- DOM
На практике
• Вы настроите проект React для будущей разработки проекта.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
2. Классовые компоненты
Изучите
1.Назначение классовых компонентов
2.Композиция и извлечение
3.Рендеринг компонентов
4.«Состояние» и «жизненный цикл» React-компонентов
Освоите
- Классовые компоненты
- Рекламный текст
- Композиция
- Lifecycle
На практике
• Вы будете конвертировать HTML и CSS разметку в полноценный React-компонент.
• Сделаете первые классовые компоненты с помощью React.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
3. Функциональные компоненты
Изучите
1.Назначение функциональных компонентов
2.Сравнительный анализ классовых и функциональных компонентов
3.Props: входные данные React-компонентов
4.Хуки: описание логики компонентов
5.Правила использования хуков
Освоите
- Функциональные компоненты
- Пропсы
- Хуки
- Логика компонентов
На практике
• Вы напишите приложение с использованием функциональных компонентов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
4. Best Practice в компонентах React
Изучите
1.Как правильно разбивать на компоненты
2.Вынесение функциональности
3.Порталы
4.Использование кастомных хуков
5.Отслеживание состояний компонентов в браузере
Освоите
- Принцип dry
- Порталы
- Кастомные хуки
- ReactDevTools
На практике
• Напишите дополнительный функционал к приложению с использованием кастомных хуков и порталов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
5. Роутинг в React
Изучите
1.SPA-приложение
2.Маршрутизация в SPA
3.Реализация роутинга в React-приложении
4.History API
5.Компоненты Route, Link, Redirect.
6.Управление маршрутами
7.Json-server библиотека
Освоите
- Маршрутизация
- SPA-приложение
- History API
- Json-server библиотека
На практике
• Вы дополните ваше приложение: добавите маршрутизацию в приложение.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
6. Redux — управление состоянием
Изучите
1.Подключение и настройка Redux к проекту
2.Хранилище, диспетчер, действия
3.ReduxDevTools
4.Управление состоянием проекта с помощью Redux
5.Middleware
6.Расширение функциональности Redux
Освоите
- Redux
- Состояние проекта
- ReduxDevTools
- Middleware
На практике
• Добавите общее состояние всего приложения.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
7. Тестирование
Изучите
1.Инструменты и методики тестирования React-приложений
2.Настройка инфраструктуры для тестирования
3.Тесты для компонентов
4.Исполнители тестов: Jest, mocha, ava
Освоите
- Методики тестирования
- Тесты для компонентов
- Среды тестирования
- Jest, mocha, ava
На практике
• Покроете приложение тестами.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
8. TypeScript
Изучите
1.Использование TypeScript и какие задачи он решает
2.Система типов
3.Как код на JavaScript превращается в TypeScript
4.Инфраструктура: настройки компилятора
5.Подключение TypeScript к проекту
Освоите
- TypeScript
- Компиляция
- Система типов
- Подключение TypeScript
На практике
• Вы перепишите ваш код на TypeScript.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.