Изучи разработку приложений при помощи самой популярной JS библиотеки простым и понятным для новичков языком! React.js — это самая популярная на данный момент библиотека JavaScript, которую вы можете использовать во фронтенде для создания современных пользовательских интерфейсов. В этом курсе вы изучите современный React с самого начала, шаг за шагом, используя практические и интересные примеры кода, важную теорию о том, как React работает под капотом, а также много практических заданий.
Все, что вам нужно, это базовые знания в области веб-разработки и JavaScript.
Вы изучите React на практике, используя все современные паттерны, поймёте ключевые понятия, а также продвинутые концепции и связанные с ними темы.
Вы не только будете изучать React, но и научитесь как решать проблемы, научитесь как структурировать и организовать код.
Всё это поможет вам стать React разработчиком!
Что вы узнаете в этом курсе?
Что такое React.js и зачем его использовать
Как работает React
Создание React компонентов
Создание пользовательских интерфейсов
Что такое props и two-way binding
Cобытия и состояние для создания интерактивных приложений
Как React работает под капотом
Работа со списками и контентом по условию
Стилизация компонентов
Хуки
Этот курс отличается тем, что речь идет не только о написании кода, но и о том, как и почему код работает так, как работает. Потому что это идеальное сочетание теории и практики.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Компоненты - Контролируемые 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
Имплементация Комментариев
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
"Не советую этого автора — объясняет материал очень неубедительно.
Hozy
@support guy Обновите курс пожалуйста
Hozy
create react app - уже не используется практически. Даже на официальном сайте реакта перестали его рекомендовать.
Hozy
Если бы не знал js и react, наверное сложно было бы понять автора. Очень запутано объясняет.
andris14446
Начиная с середины курса - сложное объяснение. Курс предназначен для тех, кто уже имеет все необходимые знания по React на уровне Junior и выше.
spiritusdentatus
добрый день, подскажите пожалуйста курс еще не обновили?
в оригинале на udemy 27 часов курса, а здесь только 16.
Martin
обновите пожалуйста
ZavXoz
Добрый День , подскажите Пожалуйста обновление курса планируется в скором времени?
С Уважением!
support guy
ZavXoz
Привет. Да, скоро обновим!
ZavXoz
support guy
Добрый День!
Спасибо , - Вы как всегда оперативно и четко!
С Уважением!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Научитесь создавать масштабируемые приложения React, используя новейшие инструменты и методы, доступные в экосистеме React! Этот курс является модульным, где вы можете выбирать различные экосистемы, которые хотите изучить. Вы подробно изучите хуки, CSS-in-JS с TailwindCSS, повысите производительность с помощью разделения кода и рендеринга на стороне сервера, добавите TypeScript, управление состоянием с помощью Redux, протестируете свое приложение
Продвинутое Тестирование React: Redux Saga и React Router
Advanced React Testing: Redux Saga and React Router
Вы разработчик, который изучил основы тестирования React и хочет перейти на следующий уровень? Этот курс глубоко погружается в тестирование React для сложных приложений. Разделы курса Redux Saga и React Router полностью разделены. Вы можете выбрать, с какой технологии начать, и пропустить разделы для технологий, которые не имеют отношения к вашему приложению.
Курс проведет вас через все, что вам нужно, чтобы начать создавать готовое веб-приложение с использованием React, Redux и GraphQL. Ваш потенциальный работодатель хочет, чтобы вы сразу же приступили к работе и начали создавать для него приложения. Это то, что я сделал в этом курсе. Предоставить знания, которые позволят вам сразу войти в отрасль и начать работать. Прочитав более 160 лекций, я не оставил камня на камне!
Цель курса. Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач. Для новичков React сложнее, чем Vue.js. Но вакансий и заказов на фрилансе на нём больше.
React - одна из самых популярных библиотек для разработки клиентских приложений. В этом курсе мы будем учить React, создавая с его помощью веб-приложение. Также мы будем применять методологию разработки через тестирование (TDD) от начала до конца. Этот курс построен исключительно на практике. Каждый фрагмент кода, который мы напишем, будет предназначен для реализации нашего приложения.
в оригинале на udemy 27 часов курса, а здесь только 16.
С Уважением!
Спасибо , - Вы как всегда оперативно и четко!
С Уважением!