Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Современный React с Нуля, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:05:54
    Что Такое React.js?
  • Урок 2. 00:10:08
    Зачем Нужно Использовать React?
  • Урок 3. 00:01:58
    Создание Single Page Applications (SPA) при Помощи React
  • Урок 4. 00:03:41
    Альтернативы React (Angular, Vue)
  • Урок 5. 00:08:07
    Обзор Курса
  • Урок 6. 00:04:25
    Настраиваем Инструменты Разработки
  • Урок 7. 00:05:23
    Краткий Обзор Раздела
  • Урок 8. 00:08:05
    Компоненты - Фундаментальные Блоки Приложений React
  • Урок 9. 00:03:48
    Декларативное Программирование
  • Урок 10. 00:09:48
    Создание Проекта
  • Урок 11. 00:03:28
    Подготовка Проекта
  • Урок 12. 00:11:52
    Обзор Проекта React
  • Урок 13. 00:03:50
    Знакомство с JSX
  • Урок 14. 00:05:11
    Как Работает React
  • Урок 15. 00:09:01
    Создание Компонента
  • Урок 16. 00:04:34
    Более Сложный JSX код
  • Урок 17. 00:06:04
    Добавление CSS Стилей
  • Урок 18. 00:09:17
    Отображение Динамических Данных в JSX
  • Урок 19. 00:14:31
    Передача Данных при Помощи props
  • Урок 20. 00:07:22
    JavaScript Логика в Компонентах
  • Урок 21. 00:11:31
    Разделение Компонента на Несколько Компонентов
  • Урок 22. 00:02:47
    Задание 1
  • Урок 23. 00:06:52
    Задание 1. Решение
  • Урок 24. 00:15:55
    Композиция (props.children)
  • Урок 25. 00:04:25
    Первые Итоги
  • Урок 26. 00:08:16
    Подробнее о JSX
  • Урок 27. 00:03:15
    Организация Файлов Компонентов
  • Урок 28. 00:03:50
    Альтернативный Синтаксис Функций
  • Урок 29. 00:02:31
    Краткий Обзор Раздела
  • Урок 30. 00:09:07
    "Прослушивание" Событий и Работа с Обработчиками Событий
  • Урок 31. 00:07:05
    Как Выполняются Функции-Компоненты
  • Урок 32. 00:12:22
    Работа с "Состоянием"
  • Урок 33. 00:06:59
    Подробнее о Хуке "useState"
  • Урок 34. 00:08:33
    Добавление Формы Ввода
  • Урок 35. 00:05:18
    Прослушивание Ввода Пользователя
  • Урок 36. 00:06:57
    Работа с Несколькими Состояниями
  • Урок 37. 00:06:02
    Использование Одного Состояния
  • Урок 38. 00:05:43
    Обновление Состояния, Зависящего от Предыдущего Состояния
  • Урок 39. 00:06:17
    Обработка Отправки Формы
  • Урок 40. 00:03:40
    Добавление Двустороннего Связывания
  • Урок 41. 00:17:16
    Коммуникация Компонентов Наследник-Родитель (Снизу Вверх)
  • Урок 42. 00:07:33
    Подъём Состояния Вверх
  • Урок 43. 00:03:03
    Задание 2
  • Урок 44. 00:09:16
    Задание 2. Решение
  • Урок 45. 00:07:50
    Компоненты - Контролируемые vs Неконтролируемые, с Состоянием vs без Состояния
  • Урок 46. 00:01:05
    Краткий Обзор Раздела
  • Урок 47. 00:08:24
    Отображение Списков Данных
  • Урок 48. 00:06:07
    Использование Списков с Состоянием
  • Урок 49. 00:07:14
    Keys
  • Урок 50. 00:01:33
    Задание 3
  • Урок 51. 00:06:16
    Задание 3. Решение
  • Урок 52. 00:09:16
    Отображение Контента по Условию
  • Урок 53. 00:07:29
    Возвращение Значения по Условию
  • Урок 54. 00:01:23
    Задание 4
  • Урок 55. 00:07:12
    Задание 4. Решение
  • Урок 56. 00:08:43
    Добавляем Диаграмму Расходов
  • Урок 57. 00:08:21
    Динамические Стили
  • Урок 58. 00:16:10
    Завершаем Разработку Приложения
  • Урок 59. 00:06:06
    Краткий Обзор Раздела
  • Урок 60. 00:09:48
    Динамическое Добавление Стилей Inline
  • Урок 61. 00:04:43
    Динамическое Добавление CSS Классов
  • Урок 62. 00:09:14
    Знакомство со Styled Components
  • Урок 63. 00:11:49
    Styled Components и Динамические Props
  • Урок 64. 00:02:32
    Styled Components и Media Queries
  • Урок 65. 00:06:47
    Использование CSS Модулей
  • Урок 66. 00:05:48
    Динамические Стили и CSS Модули
  • Урок 67. 00:02:08
    Краткий Обзор Раздела
  • Урок 68. 00:06:29
    Сообщения об Ошибках в React
  • Урок 69. 00:06:43
    Анализ Кода и Предупреждения
  • Урок 70. 00:06:10
    Работа с Breakpoints
  • Урок 71. 00:05:36
    Использование React DevTools
  • Урок 72. 00:04:47
    Краткий Обзор Раздела
  • Урок 73. 00:06:18
    Добавление Компонента CreateUser
  • Урок 74. 00:09:34
    Добавление Компонента Card
  • Урок 75. 00:04:56
    Добавление Компонента Button
  • Урок 76. 00:06:47
    Управление Состоянием Ввода Данных
  • Урок 77. 00:05:12
    Добавление Валидации и Логики Сброса
  • Урок 78. 00:09:59
    Добавление Компонента UserList
  • Урок 79. 00:12:08
    Управление Списком Пользователей Через Состояние
  • Урок 80. 00:09:20
    Добавление Компонента ErrorModal
  • Урок 81. 00:09:22
    Управление Состоянием Ошибок
  • Урок 82. 00:01:11
    Краткий Обзор Раздела
  • Урок 83. 00:06:36
    Ограничения JSX
  • Урок 84. 00:05:25
    Создание Компонента Обёртки. Фрагменты
  • Урок 85. 00:06:20
    Порталы
  • Урок 86. 00:14:24
    Работа с Порталами
  • Урок 87. 00:13:03
    Работа с refs
  • Урок 88. 00:01:40
    Краткий Обзор Раздела
  • Урок 89. 00:07:43
    Что Такое Побочные Эффекты
  • Урок 90. 00:13:33
    Использование Хука useEffect
  • Урок 91. 00:07:43
    useEffect и Зависимости
  • Урок 92. 00:09:54
    Использование Функции Очистки
  • Урок 93. 00:09:49
    Reducers
  • Урок 94. 00:16:49
    Использование Хука useReducer
  • Урок 95. 00:10:19
    useReducer и useEffect
  • Урок 96. 00:03:21
    useState vs useReducer
  • Урок 97. 00:07:05
    Context
  • Урок 98. 00:09:19
    Использование Context API
  • Урок 99. 00:01:53
    Использование Хука useContext
  • Урок 100. 00:04:31
    Динамический Context
  • Урок 101. 00:10:02
    Кастомный Компонент Context Provider
  • Урок 102. 00:03:20
    Ограничения Context
  • Урок 103. 00:05:14
    Правила Хуков
  • Урок 104. 00:07:19
    Рефакторинг Компонента Input
  • Урок 105. 00:14:01
    forwardRef & useImperativeHandle
  • Урок 106. 00:02:29
    Краткий Обзор Раздела
  • Урок 107. 00:04:52
    Создание Структуры Проекта
  • Урок 108. 00:06:34
    Добавление Компонента Header
  • Урок 109. 00:05:14
    Добавление Компонента HeaderCartButton
  • Урок 110. 00:08:31
    Добавление Компонентов для Отображения Блюд
  • Урок 111. 00:09:09
    Отображение Блюд
  • Урок 112. 00:08:17
    Добавление Формы
  • Урок 113. 00:05:09
    Исправление Небольшого Бага
  • Урок 114. 00:05:43
    Добавление Компонента Cart
  • Урок 115. 00:06:46
    Добавление Модального Окна
  • Урок 116. 00:09:03
    Управление Состоянием Cart и Modal
  • Урок 117. 00:07:19
    Добавление Контекста Cart
  • Урок 118. 00:05:23
    Использование Контекста
  • Урок 119. 00:11:41
    Добавление Reducer в Cart
  • Урок 120. 00:12:10
    Использование refs
  • Урок 121. 00:07:46
    Отображение Элементов Корзины
  • Урок 122. 00:07:09
    Усложнение Логики Reducer
  • Урок 123. 00:09:47
    Добавление Функциональности Удаления Элементов
  • Урок 124. 00:07:42
    Использование useEffect
  • Урок 125. 00:01:47
    Краткий Обзор Раздела
  • Урок 126. 00:07:43
    Как Работает React
  • Урок 127. 00:08:55
    Обновление Компонентов
  • Урок 128. 00:13:40
    Переоценка Дочернего Компонента
  • Урок 129. 00:11:42
    Предотвращение Ненужных Переоценок при Помощи React.memo()
  • Урок 130. 00:04:59
    Предотвращение Пересоздания Функций при Помощи useCallback()
  • Урок 131. 00:08:01
    useCallback & dependencies
  • Урок 132. 00:05:10
    Первые Итоги
  • Урок 133. 00:04:07
    Подробнее о Состоянии и Компонентах
  • Урок 134. 00:04:29
    Планирование Состояний
  • Урок 135. 00:01:55
    Краткий Обзор Раздела
  • Урок 136. 00:03:36
    Что Такое Компоненты на Основе Классов?
  • Урок 137. 00:06:56
    Первый Компонент на Основе Класса
  • Урок 138. 00:11:01
    Работа с Состояниями и Событиями
  • Урок 139. 00:07:42
    Жизненный Цикл Компонентов на Основе Классов
  • Урок 140. 00:11:02
    Life-cycle Методы
  • Урок 141. 00:04:12
    Компоненты на Основе Классов и Контекст
  • Урок 142. 00:02:41
    Компоненты на Основе Классов vs Функциональные Компоненты
  • Урок 143. 00:10:18
    Error Boundaries
  • Урок 144. 00:01:25
    Краткий Обзор Раздела
  • Урок 145. 00:02:41
    Соединение с Базой Данных
  • Урок 146. 00:04:20
    Стартовый Проект
  • Урок 147. 00:08:44
    Отправка Запроса GET
  • Урок 148. 00:02:27
    Использование async / await
  • Урок 149. 00:06:01
    Управление Загрузкой и Состояниями Данных
  • Урок 150. 00:13:49
    Обработка HTTP Ошибок
  • Урок 151. 00:07:48
    Использование useEffect для Запросов
  • Урок 152. 00:12:15
    Подготовка Проекта к Следующим Шагам
  • Урок 153. 00:10:50
    Отправка Запроса POST
  • Урок 154. 00:03:09
    Краткий Обзор Раздела
  • Урок 155. 00:06:29
    Создание Функции Custom React Hook
  • Урок 156. 00:04:52
    Использование Custom Hooks
  • Урок 157. 00:05:04
    Конфигурация Custom Hooks
  • Урок 158. 00:06:50
    Ещё один пример использования Custom Hooks
  • Урок 159. 00:10:36
    Создание хука useHttp()
  • Урок 160. 00:11:10
    Использование Custom HTTP Hook
  • Урок 161. 00:10:37
    Рефакторинг Логики Custom Hook
  • Урок 162. 00:10:29
    Использование Custom Hook в Компоненте NewProduct
  • Урок 163. 00:01:47
    Краткий Обзор Раздела
  • Урок 164. 00:01:22
    Стартовый Проект
  • Урок 165. 00:06:24
    Сложности Работы с Формами
  • Урок 166. 00:09:42
    Отправка Формы и Получение Данных Пользователя
  • Урок 167. 00:07:43
    Добавление Валидации
  • Урок 168. 00:10:42
    Реагирование на Потерю Фокуса
  • Урок 169. 00:11:54
    Рефакторинг Кода
  • Урок 170. 00:08:39
    Управление Валидацией Всей Формы
  • Урок 171. 00:01:25
    Задание 1
  • Урок 172. 00:06:00
    Задание 1. Решение
  • Урок 173. 00:22:37
    Добавление Custom Hook
  • Урок 174. 00:01:53
    Задание 2
  • Урок 175. 00:14:49
    Задание 2. Решение
  • Урок 176. 00:09:09
    Использование useReducer()
  • Урок 177. 00:04:39
    Краткий Обзор Раздела
  • Урок 178. 00:03:36
    Перенос Данных в Firebase
  • Урок 179. 00:09:46
    Извлечение Данных
  • Урок 180. 00:04:24
    Управление Состоянием Загрузки
  • Урок 181. 00:07:12
    Обработка Ошибок
  • Урок 182. 00:11:25
    Добавление Формы
  • Урок 183. 00:05:18
    Получение Данных из Формы
  • Урок 184. 00:11:01
    Валидация Формы
  • Урок 185. 00:06:00
    Отправка Данных на Сервер
  • Урок 186. 00:11:14
    Улучшение Фидбэка для Пользователей
  • Урок 187. 00:00:57
    Краткий Обзор Раздела
  • Урок 188. 00:05:12
    Состояния в React Приложениях
  • Урок 189. 00:06:48
    React Context vs Redux
  • Урок 190. 00:07:04
    Как Работает Redux
  • Урок 191. 00:19:15
    Основные Концепции Redux
  • Урок 192. 00:06:39
    Подготовка Проекта и Создание Хранилища
  • Урок 193. 00:04:32
    Redux Provider
  • Урок 194. 00:07:01
    Использование Данных Redux в React Компонентах
  • Урок 195. 00:04:29
    Отправка Actions
  • Урок 196. 00:10:47
    Redux в Классовых Компонентах
  • Урок 197. 00:06:10
    Более Сложные Actions
  • Урок 198. 00:07:49
    Работа с Несколькими Свойствами Состояний
  • Урок 199. 00:05:04
    Как Правильно Работать с Redux Состоянием
  • Урок 200. 00:05:24
    Redux Toolkit
  • Урок 201. 00:08:36
    State Slices
  • Урок 202. 00:04:59
    Подключение Состояния Redux Toolkit
  • Урок 203. 00:06:18
    Полная Миграция в Redux Toolkit
  • Урок 204. 00:12:20
    Использование Нескольких Слайсов
  • Урок 205. 00:10:05
    Работа с userAuthSlice
  • Урок 206. 00:06:31
    Разделение Кода
  • Урок 207. 00:00:40
    Краткий Обзор Раздела
  • Урок 208. 00:03:36
    Работа с Побочными Эффектами в Redux
  • Урок 209. 00:21:18
    Добавляем в Проект Redux. Часть 1
  • Урок 210. 00:19:59
    Добавляем в Проект Redux. Часть 2
  • Урок 211. 00:03:11
    Работа с Асинхронным Кодом в Redux
  • Урок 212. 00:06:47
    Frontend vs Backend
  • Урок 213. 00:15:48
    Размещение Логики
  • Урок 214. 00:08:19
    Использование useEffect()
  • Урок 215. 00:15:56
    Управление Http Состояниями
  • Урок 216. 00:19:46
    Использование Action Creator
  • Урок 217. 00:17:44
    Извлечение Данных
  • Урок 218. 00:06:28
    Redux DevTools
  • Урок 219. 00:02:55
    Краткий Обзор Раздела
  • Урок 220. 00:05:52
    Что Такое Маршрутизация (Routing)?
  • Урок 221. 00:03:29
    Установка React Router
  • Урок 222. 00:10:48
    Определение и Использование Маршрутов (Routs)
  • Урок 223. 00:07:05
    Работа со Ссылками
  • Урок 224. 00:03:53
    Компонент NavLink
  • Урок 225. 00:08:15
    Добавление Динамических Маршрутов с Параметрами
  • Урок 226. 00:04:18
    Извлечение Параметров Маршрута
  • Урок 227. 00:11:37
    Использование Компонента Switch
  • Урок 228. 00:09:31
    Вложенные Маршруты и Перенаправление Пользователя
  • Урок 229. 00:12:14
    Приложение "Jokes"
  • Урок 230. 00:04:19
    Перенаправление и Извлечение Параметров
  • Урок 231. 00:04:31
    Работаем с Вложенными Маршрутами
  • Урок 232. 00:06:03
    Добавляем Компонент Layout
  • Урок 233. 00:07:24
    Добавляем Данные
  • Урок 234. 00:05:33
    Отображение Данных в JokeDetails
  • Урок 235. 00:08:10
    Обработка Невалидных Маршрутов
  • Урок 236. 00:06:44
    Программная Имплементация Навигации
  • Урок 237. 00:10:44
    Добавление Компонента Prompt
  • Урок 238. 00:15:40
    Работа с Параметрами Запроса
  • Урок 239. 00:06:51
    Использование Вложенных Маршрутов
  • Урок 240. 00:17:01
    Более Гибкий Код Маршрутизации
  • Урок 241. 00:31:03
    Работа с Http Запросами
  • Урок 242. 00:25:19
    Имплементация Комментариев