Освойте React на практике! Разработайте полноценный проект прямо на курсе, используя только то, что нужно для реальных задач. Вы изучите современные технологии React, две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit, и многое-многое другое. А ещё вас ждут бонусные модули по JavaScript, которые помогут лучше понять основной материал.
- Состояние приложения
Состояние, реактивность, useState.state vs props. Практика работы с состоянием.Поднятие состояния. Более совершенная передача данных.Задание для самопроверки.
- Управление состоянием. Redux Toolkit
Работа с состоянием. Продвинутый уровень.Знакомство с Redux Toolkit.Редюсер и слайс.Глобальное состояние. useSelector и useeDispatch.Продолжаем применять Redux в приложении.Вынос всего ключевого состояния.Задание для самопроверки.
- Заключение
Подведение итогов курса.
- JS, необходимый для курса
Репозиторий кода для курса.Переменные.Шаблонный литерал. Динамика в строках.Условный оператор if.Тернарный оператор.Оператор нулевого слияния и &&.Метод foreach.Массивы. Метод Find.Массивы. Метод Filter.Массивы. Метод Map.Массивы. Метод Reduce.
- Условный рендеринг компонентов
Возможности условного рендеринга.Улучшаем компонент статистики.Добавляем новые компоненты из MUI.Используем Nivo.Задание для самопроверки.
- Знакомство с React
Что такое React.Знакомство с синтаксисом.
- Разбор JSX
Под капотом JSX.Задание для самопроверки.
- Хуки useState и useEffect
useState и использование предыдущего значения состояния.useState и сложные типы данных.useEffect — использование зависимостей.Задание для самопроверки.
- Библиотека react-router
Разбор типов роутинга.Построение базовых маршрутов приложения.useNavigate и useParams.useSearchParams.Советы по маршрутизации, маршрут индексной страницы, маршрут-заг.Применяем новые знания в приложении.Задание для самопроверки.
- Первые компоненты на React
Создаём первый компонент.JSX-разметка. Синтаксис и размещение элементов.Композиция компонентов, родители и потомки.Динамические значения и выражения в JSX.Задание для самопроверки.
- Состояние приложения
Состояние, реактивность, useState.state vs props. Практика работы с состоянием.Поднятие состояния. Более совершенная передача данных.Задание для самопроверки.
- JS, необходимый для курса
Репозиторий кода для курса.Переменные.Шаблонный литерал. Динамика в строках.Условный оператор if.Тернарный оператор.Оператор нулевого слияния и &&.Метод foreach.Массивы. Метод Find.Массивы. Метод Filter.Массивы. Метод Map.Массивы. Метод Reduce.
- Процесс рендеринга в React
Концепции рендеринга, иммутабельность элементов.Классовые компоненты, работа с состоянием и пропсами.Жизненный цикл компонента и его методы.setState, привязка контекста внутри классовых компонентов.Задание для самопроверки.
- Рендеринг списков в приложении
Рендеринг списков в React.Практика работы со списками.Задание для самопроверки.
- Первые компоненты на React
Создаём первый компонент.JSX-разметка. Синтаксис и размещение элементов.Композиция компонентов, родители и потомки.Динамические значения и выражения в JSX.Задание для самопроверки.
- Рендеринг списков в приложении
Рендеринг списков в React.Практика работы со списками.Задание для самопроверки.
- Условный рендеринг компонентов
Возможности условного рендеринга.Улучшаем компонент статистики.Добавляем новые компоненты из MUI.Используем Nivo.Задание для самопроверки.
- Хуки useState и useEffect
useState и использование предыдущего значения состояния.useState и сложные типы данных.useEffect — использование зависимостей.Задание для самопроверки.
- Процесс рендеринга в React
Концепции рендеринга, иммутабельность элементов.Классовые компоненты, работа с состоянием и пропсами.Жизненный цикл компонента и его методы.setState, привязка контекста внутри классовых компонентов.Задание для самопроверки.
- Управление состоянием. Redux Toolkit
Работа с состоянием. Продвинутый уровень.Знакомство с Redux Toolkit.Редюсер и слайс.Глобальное состояние. useSelector и useeDispatch.Продолжаем применять Redux в приложении.Вынос всего ключевого состояния.Задание для самопроверки.
- Дополнительные хуки
useRef и useContext.useMemo.useCallback.Создание пользовательских хуков.Задание для самопроверки.
- Передача данных между компонентами. Props
React Props — передача данных между компонентами.Как работают пропсы с точки зрения JS.Пропсы в Styled Components.Задание для самопроверки.
- React-фрагменты
Фрагменты — удобная группировка элементов.
- Знакомство с React
Что такое React.Знакомство с синтаксисом.
- Компоненты высшего порядка — HOC
Особенности компонентов высшего порядка.Расширение функционала с помощью HOC.Виды стилизации и ещё немного о HOC.Задание для самопроверки.
- Заключение
Подведение итогов курса.
- Разбор JSX
Под капотом JSX.Задание для самопроверки.
- Быстрый старт приложения. Создание бойлерплейта
Установка шаблона приложения CreateReactApp.Подготовка структуры проекта.Подготовка файлов для будущих компонентов.Styled Components. Стилизация.Задание для самопроверки.
- Передача данных между компонентами. Props
React Props — передача данных между компонентами.Как работают пропсы с точки зрения JS.Пропсы в Styled Components.Задание для самопроверки.
- Компоненты высшего порядка — HOC
Особенности компонентов высшего порядка.Расширение функционала с помощью HOC.Виды стилизации и ещё немного о HOC.Задание для самопроверки.
- React-фрагменты
Фрагменты — удобная группировка элементов.
- Быстрый старт приложения. Создание бойлерплейта
Установка шаблона приложения CreateReactApp.Подготовка структуры проекта.Подготовка файлов для будущих компонентов.Styled Components. Стилизация.Задание для самопроверки.
- Библиотека react-router
Разбор типов роутинга.Построение базовых маршрутов приложения.useNavigate и useParams.useSearchParams.Советы по маршрутизации, маршрут индексной страницы, маршрут-заг.Применяем новые знания в приложении.Задание для самопроверки.
- Дополнительные хуки
useRef и useContext.useMemo.useCallback.Создание пользовательских хуков.Задание для самопроверки.
-
Цена - 1 390 руб.
- Продолжительность курса составляет 14 часов
