Вы изучите все основные современные технологии библиотеки React, а также две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit. Курс даётся сразу с точки зрения функциональных компонентов, но при этом есть лекции с разбором компонентов на основе классов.

Программа курса:

JS необходимый для курса
Репозиторий кода для курса
Переменные
Шаблонный литерал. Динамика в строках
Условный оператор if
Тернарный оператор
Оператор нулевого слияния и &&
Метод foreach
Массивы - метод Find
Массивы - метод Filter
Массивы - метод Map
Массивы - метод Reduce

Знакомство с React
Что такое React
Знакомство с синтаксисом

Первые компоненты на React
Создаём первый компонент
JSX разметка. Синтаксис и размещение элементов
Композиция компонентов, родители и потомки
Динамические значения и выражения в JSX
ДЗ для самостоятельной работы

Разбор JSX
Под капотом JSX
ДЗ для самостоятельной работы
Быстрый старт приложения. Создание бойлерплейта
Установка шаблона приложения CreateReactApp
Подготовка структуры проекта
Подготовка файлов для будущих компонентов
Styled Components. Стилизация
ДЗ для самостоятельной работы

Передача данных между компонентами. Props
React Props - передача данных между компонентами
Как работают пропсы с точки зрения JS
Пропсы в Styled Components
ДЗ для самостоятельной работы

Состояние приложения
Состояние, реактивность, useState
state vs props. Практика работы с состоянием
Поднятие состояние. Более совершенная передача данных
ДЗ для самостоятельной работы

Рендеринг списков в приложении
Рендеринг списков в React
Практика работы со списками
ДЗ для самостоятельной работы

Условный рендеринг компонентов
Возможности условного рендеринга
Улучшаем компонент статистики
Добавляем новые компоненты из MUI
Используем Nivo
ДЗ для самостоятельной работы

React фрагменты
Фрагменты - удобная группировка элементов

Хуки useState и useEffect
useState и использование предыдущего значения состояния
useState и сложные типы данных
useEffect - использование зависимостей
ДЗ для самостоятельной работы

Библиотека react-router
Разбор типов роутинга
Построение базовых маршрутов приложения
useNavigate и useParams
useSearchParams
Советы по маршрутизации, маршрут индексной страницы, маршрут заг
Применяем новые знания в приложении
ДЗ для самостоятельной работы

Процесс рендеринга в React
Концепции рендеринга, иммутабельность элементов, принцип объектн
Классовые компоненты, работа с состоянием и пропсами
Жизненный цикл компонента и его методы
setState, привязка контекста внутри классовых компонентов
ДЗ для самостоятельной работы

Управление состоянием. Redux Toolkit
Работа с состоянием - продвинутый уровень
Знакомство с Redux Toolkit
Редюсер и слайс
Глобальное состояние. useSelector и useeDispatch
Продолжаем применять Redux в приложении
Вынос всего ключевого состояния
ДЗ для самостоятельной работы

Компоненты высшего порядка - НОС
Особенности компонентов высшего порядка
Расширение функционала с помощью HOC
Виды стилизации и ещё немного о HOC
ДЗ для самостоятельной работы

Дополнительные хуки
useRef и useContext
useMemo
useCallback
Создание пользовательских хуков
ДЗ для самостоятельной работы

Информация о видео
Название: React - Полное руководство
Автор: Stepik, Илья Фофанов
Год выхода: 2023
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: 13:03:29

Файл
Формат: MP4
Видео: AVC, 1360x720, ~172 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 1.31 Gb