Курс на Stepik
Обложка курса «React - Полное руководство 2023» на Stepik
1 990 ₽

React - Полное руководство 2023 ★ 4.667

Открыть на
STEPIK.ORG

Данный курс предназначен для тех, кто много слышал о библиотеке React, но при этом ни разу полноценно не пробовал поработать с ней. Обучение построено вокруг небольшого учебного проекта, который вы начнете разрабатывать практически с первых лекций.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «React - Полное руководство 2023»Учеников на курсе 538
Сертификаты, выданные на курсе «React - Полное руководство 2023»Сертификатов выдано 0
Отзывы о курсе «React - Полное руководство 2023»Отзывов получено 3
Рейтинг курса «React - Полное руководство 2023»Рейтинг курса 4.667
Уроки в курсе «React - Полное руководство 2023»Количество уроков 75
Время прохождения курса «React - Полное руководство 2023»Время прохождения курса —
Стоимость курса «React - Полное руководство 2023»Стоимость курса 1 990 ₽ —
Обновления курса «React - Полное руководство 2023»Обновления курса — —
Дата публикации курса «React - Полное руководство 2023»Дата публикации курса — ———
Последнее обновление курса «React - Полное руководство 2023»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «React - Полное руководство 2023» 17 разделов Уроки в курсе «React - Полное руководство 2023» 75 уроков Время прохождения курса «React - Полное руководство 2023» 13 ч. Последнее обновление курса «React - Полное руководство 2023» обн. 24 апреля 2026

JS необходимый для курса

11 уроков
1. Репозиторий кода для курса ↗
2. Переменные ↗
3. Шаблонный литерал. Динамика в строках ↗
4. Условный оператор if ↗
5. Тернарный оператор ↗
6. Оператор нулевого слияния и && ↗
7. Метод foreach ↗
8. Массивы - метод Find ↗
9. Массивы - метод Filter ↗
10. Массивы - метод Map ↗
11. Массивы - метод Reduce ↗

Знакомство с React

2 урока
1. Что такое React ↗
2. Знакомство с синтаксисом ↗

Первые компоненты на React

5 уроков
1. Создаём первый компонент ↗
2. JSX разметка. Синтаксис и размещение элементов ↗
3. Композиция компонентов, родители и потомки ↗
4. Динамические значения и выражения в JSX ↗
5. ДЗ для самостоятельной работы ↗

Разбор JSX

2 урока
1. Под капотом JSX ↗
2. ДЗ для самостоятельной работы ↗

Быстрый старт приложения. Создание бойлерплейта

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

Передача данных между компонентами. Props

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

Состояние приложения

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

Рендеринг списков в приложении

3 урока
1. Рендеринг списков в React ↗
2. Практика работы со списками ↗
3. ДЗ для самостоятельной работы ↗

Условный рендеринг компонентов

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

React фрагменты

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

Хуки useState и useEffect

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

Библиотека react-router

7 уроков
1. Разбор типов роутинга ↗
2. Построение базовых маршрутов приложения ↗
3. useNavigate и useParams ↗
4. useSearchParams ↗
5. Советы по маршрутизации, маршрут индексной страницы, маршрут-заг ↗
6. Применяем новые знания в приложении ↗
7. ДЗ для самостоятельной работы ↗

Процесс рендеринга в React

5 уроков
1. Концепции рендеринга, иммутабельность элементов, принцип объектн ↗
2. Классовые компоненты, работа с состоянием и пропсами ↗
3. Жизненный цикл компонента и его методы ↗
4. setState, привязка контекста внутри классовых компонентов ↗
5. ДЗ для самостоятельной работы ↗

Управление состоянием. Redux Toolkit

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

Компоненты высшего порядка - НОС

4 урока
1. Особенности компонентов высшего порядка ↗
2. Расширение функционала с помощью HOC ↗
3. Виды стилизации и ещё немного о HOC ↗
4. ДЗ для самостоятельной работы ↗

Дополнительные хуки

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

Заключение

1 урок
1. Заключение ↗