Курс на Stepik
Обложка курса «Основы React, React Router и Redux Toolkit» на Stepik
3 999 ₽

Основы React, React Router и Redux Toolkit 5.000

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

В этом курсы вы изучите всё о современном React в 2024 - Hooks, Redux Toolkit, React Router, а так же создадите 2 приложения: личный дневник и сервис доставки еды.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы React, React Router и Redux Toolkit»Учеников на курсе 316
Сертификаты, выданные на курсе «Основы React, React Router и Redux Toolkit»Сертификатов выдано 97
Отзывы о курсе «Основы React, React Router и Redux Toolkit»Отзывов получено 8
Рейтинг курса «Основы React, React Router и Redux Toolkit»Рейтинг курса 5.000
Уроки в курсе «Основы React, React Router и Redux Toolkit»Количество уроков 136
Тесты в курсе «Основы React, React Router и Redux Toolkit»Количество квизов 56
Время прохождения курса «Основы React, React Router и Redux Toolkit»Время прохождения курса
Стоимость курса «Основы React, React Router и Redux Toolkit»Стоимость курса 3 999 ₽
Обновления курса «Основы React, React Router и Redux Toolkit»Обновления курса
Дата публикации курса «Основы React, React Router и Redux Toolkit»Дата публикации курса
Последнее обновление курса «Основы React, React Router и Redux Toolkit»Последнее обновление

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

Разделы в курсе «Основы React, React Router и Redux Toolkit» 16 разделов Уроки в курсе «Основы React, React Router и Redux Toolkit» 136 уроков Тесты в курсе «Основы React, React Router и Redux Toolkit» 56 тестов Время прохождения курса «Основы React, React Router и Redux Toolkit» 17 ч. Последнее обновление курса «Основы React, React Router и Redux Toolkit» обн. 1 год назад

1. Введение

5 уроков
Открытый
1.1 React и Redux
614
197
6м 14с
14
Открытый
1.2 Как устроен курс
589
181
9м 42с
15
Открытый
1.3 Обзор проектов
524
190
3м 33с
6
Открытый
1.4 Обзор курсов
431
431
2м 31с
5
Открытый
1.5 Перенос курса
212
212
0м 17с
1

2. Настройка окружения

5 уроков
Закрытый
2.1 Настройка окружения
229
125
4м 1с
3
Закрытый
2.2 Настройки VSCode
217
117
6м 36с
5
Закрытый
2.3 Установка Node.js
213
115
7м 42с
5
Закрытый
2.4 О работе NVM
221
114
16м 51с
8
Закрытый
2.5 Создание проекта
224
129
8м 19с
14

3. Компоненты

13 уроков
Закрытый
3.1 Обзор проекта
227
122
6м 57с
6
Закрытый
3.2 Настройка eslint
222
128
7м 47с
5
Закрытый
3.3 Что такое компоненты
220
127
6м 17с
7
Закрытый
3.4 JSX
215
123
9м 2с
5
Закрытый
3.5 React Fragment
214
125
4м 0с
4
Закрытый
3.6 Декларативное описание
212
121
4м 57с
5
Закрытый
3.7 Создание первого компонента
211
125
5м 26с
4
Закрытый
3.8 Стилизация
212
123
6м 30с
9
Закрытый
3.9 Динамические данные
212
120
10м 40с
4
Закрытый
3.10 Props
209
115
7м 39с
11
Закрытый
3.11 Упражнение - Вывод даты
206
117
3м 49с
5
Закрытый
3.12 Композиция
206
117
8м 36с
6
Закрытый
3.13 Тест - Компоненты
209
207
1м 6с
4

4. События и состояние

12 уроков
Закрытый
4.1 Обработка событий
208
121
6м 8с
5
Закрытый
4.2 Отрисовка компонент
203
118
5м 1с
4
Закрытый
4.3 useState
203
120
12м 49с
5
Закрытый
4.4 Декомпозиция на компоненты
199
115
6м 52с
9
Закрытый
4.5 Упражнение - Вёрстка layout
196
109
13м 19с
6
Закрытый
4.6 Работа с SVG
189
105
6м 59с
4
Закрытый
4.7 Работа с input
181
99
4м 16с
4
Закрытый
4.8 Управляемые контролы
180
103
5м 14с
3
Закрытый
4.9 Отправка формы
180
103
10м 24с
5
Закрытый
4.10 Statefull и Stateless
182
99
4м 4с
4
Закрытый
4.11 Особенности useState
177
102
7м 51с
4
Закрытый
4.12 Тест - События и состояние
173
169
1м 4с
3

5. Отображение данных

7 уроков
Закрытый
5.1 Работа со списком данных
178
98
6м 16с
6
Закрытый
5.2 Упражнение - Добавление элементов
172
95
8м 26с
3
Открытый
5.3 Key в списках
314
118
9м 49с
6
Закрытый
5.4 Отображение по условию
167
95
11м 58с
4
Закрытый
5.5 React Dev Tools
167
93
7м 6с
2
Закрытый
5.6 Отладка приложения
166
93
9м 46с
7
Закрытый
5.7 Тест - Отображение данных
159
154
1м 56с
1

6. Стилизация

6 уроков
Закрытый
6.1 Изменение стилей
163
89
12м 40с
5
Закрытый
6.2 Динамические классы
160
88
7м 5с
4
Закрытый
6.3 CSS модули
157
87
9м 8с
3
Закрытый
6.4 Библиотека classnames
157
157
5м 48с
4
Закрытый
6.5 Упражнение - стилизация формы
149
77
14м 4с
4
Закрытый
6.6 Тест - Стилизация
147
146
1м 34с
2

7. Другие hooks

13 уроков
Закрытый
7.1 Side Effects
164
89
5м 10с
5
Закрытый
7.2 useEffect
157
83
8м 1с
10
Закрытый
7.3 Зависимости эффекта
153
84
7м 48с
5
Закрытый
7.4 Очистка эффекта
151
84
7м 9с
8
Закрытый
7.5 useReducer
152
84
6м 22с
7
Закрытый
7.6 Использование useReducer
149
79
17м 56с
6
Закрытый
7.7 Упражнение - Очистка формы
140
75
10м 34с
4
Закрытый
7.8 Exhaustive-deps
140
76
5м 40с
3
Закрытый
7.9 useRef
141
74
7м 56с
5
Закрытый
7.10 forwardRef
137
72
12м 6с
4
Закрытый
7.11 Создание своего hook
135
71
14м 32с
2
Закрытый
7.12 Правила hooks
131
131
4м 34с
4
Закрытый
7.13 Тест - Другие hooks
129
124
1м 12с
2

8. Контекст

8 уроков
Закрытый
8.1 Зачем нужен Context API
139
70
10м 47с
3
Закрытый
8.2 Создание контекста
129
68
8м 17с
3
Закрытый
8.3 useContext
128
70
5м 53с
4
Закрытый
8.4 Методы в контексте
127
68
5м 8с
3
Закрытый
8.5 Custom context
128
67
5м 19с
3
Закрытый
8.6 Упражнение - работа контекста
125
63
7м 9с
5
Закрытый
8.7 Ограничения контекста
123
66
6м 0с
5
Закрытый
8.8 Тест - Контекст
121
117
2м 36с
2

9. Работа React

11 уроков
Закрытый
9.1 Как работает React
129
68
7м 57с
4
Закрытый
9.2 Пример работы
126
68
6м 54с
2
Закрытый
9.3 Ререндер дочерних компонент
123
65
8м 30с
2
Закрытый
9.4 Memo
120
63
7м 20с
3
Закрытый
9.5 useCallback
120
64
4м 15с
2
Закрытый
9.6 Планировщик state
118
65
6м 25с
3
Закрытый
9.7 Batching
119
63
5м 32с
2
Закрытый
9.8 useMemo
118
63
7м 53с
3
Закрытый
9.9 Упражнение - Просмотр записи
116
59
11м 56с
6
Закрытый
9.10 Упражнение - Удаление записи
116
55
13м 2с
3
Закрытый
9.11 Тест - Работа React
109
107
1м 28с
2

10. Переход на TypeScript

8 уроков
Закрытый
10.1 Вводное видео
128
72
4м 4с
1
Закрытый
10.2 Обзор проекта
130
70
4м 36с
4
Закрытый
10.3 Создание проекта
125
70
4м 12с
4
Закрытый
10.4 Типизация компонент
123
69
15м 16с
3
Закрытый
10.5 Типизация hooks и событий
121
63
6м 32с
4
Закрытый
10.6 Подготовка стилей проекта
115
61
9м 2с
4
Закрытый
10.7 Упражнение - Создание кнопки и input
112
56
12м 40с
4
Закрытый
10.8 Тест - Переход на TypeScript
108
108
1м 36с
2

11. React Router

12 уроков
Закрытый
11.1 О роутинге
122
66
5м 23с
3
Закрытый
11.2 Создание роутов
119
119
8м 0с
2
Закрытый
11.3 createBrowserRouter
118
65
5м 16с
2
Закрытый
11.4 Link
115
63
6м 55с
2
Закрытый
11.5 Outlet
113
63
6м 40с
3
Закрытый
11.6 Упражнение - Создание Layout
108
59
17м 28с
2
Закрытый
11.7 useLocation
111
60
5м 47с
1
Закрытый
11.8 NavLink
110
59
4м 14с
3
Закрытый
11.9 Упражнение - Заголовок и поиск
108
56
16м 22с
3
Закрытый
11.10 Упражнение - Карточка товара
102
55
26м 42с
4
Закрытый
11.11 Роуты с параметрами
107
58
6м 36с
3
Закрытый
11.12 Тест - React Router
103
98
1м 21с
1

12. Взаимодействие с сервером

11 уроков
Закрытый
12.1 Работа с Insomnia
115
58
6м 8с
1
Закрытый
12.2 Создание запросов
112
61
10м 54с
2
Закрытый
12.3 Подключение axios
110
61
4м 21с
2
Закрытый
12.4 Обработка загрузки
107
58
5м 32с
2
Закрытый
12.5 Обработка ошибок
101
52
6м 18с
3
Закрытый
12.6 loader
104
55
7м 14с
4
Закрытый
12.7 errorElement
97
53
5м 53с
2
Закрытый
12.8 lazy
104
57
6м 3с
2
Закрытый
12.9 Suspense
100
54
5м 44с
3
Закрытый
12.10 defer и Await
100
53
12м 45с
3
Закрытый
12.11 Тест - Взаимодействие с сервером
96
92
1м 33с
0

13. Авторизация

7 уроков
Закрытый
13.1 Создание layout входа
104
52
9м 56с
3
Закрытый
13.2 Упражнение - Форма логина
99
52
14м 13с
2
Закрытый
13.3 Получение токена
101
54
13м 47с
3
Закрытый
13.4 Работа JWT
99
55
8м 28с
3
Закрытый
13.5 Приватные Routes
100
50
5м 15с
2
Закрытый
13.6 Хранение в localstorage
98
51
7м 56с
3
Закрытый
13.7 Тест - Авторизация
95
91
1м 49с
0

14. Redux Toolkit

11 уроков
Закрытый
14.1 Что такое Redux
113
60
7м 11с
4
Закрытый
14.2 Создание хранилища
106
61
7м 58с
1
Закрытый
14.3 Slice пользователя
106
55
7м 40с
2
Закрытый
14.4 Первый action
105
54
9м 21с
2
Закрытый
14.5 Хранение данных
101
49
13м 39с
2
Закрытый
14.6 Запросы в actions
94
47
15м 43с
4
Закрытый
14.7 Обработка ошибок
87
43
9м 22с
2
Закрытый
14.8 Упражнение - Профиль пользователя
80
40
12м 55с
2
Закрытый
14.9 Упражнение - Регистрация
76
40
9м 45с
3
Закрытый
14.10 Корзина товаров
79
42
11м 14с
2
Закрытый
14.11 Тест - Redux Toolkit
79
76
1м 42с
0

15. Завершение проекта

6 уроков
Закрытый
15.1 Упражнение - Поиск товаров
79
39
13м 44с
4
Закрытый
15.2 Компонент корзины
72
37
17м 59с
4
Закрытый
15.3 Редактирование корзины
67
37
19м 13с
2
Закрытый
15.4 Упражнение - Хранение корзины
69
37
3м 14с
2
Закрытый
15.5 Расчёт суммы
67
35
11м 44с
3
Закрытый
15.6 Покупка товаров
69
36
14м 49с
2

16. Заключение

1 урок
Закрытый
16.1 Куда дальше?
86
45
3м 42с
5