Курс на 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. Заключение