Вы изучите все основные современные технологии библиотеки 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
