Development
Web Development
React
React + Redux - Профессиональная Разработка
4.8 (2,421 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,191 students enrolled

React + Redux - Профессиональная Разработка

Практическая разработка коммерческих React приложений
4.8 (2,421 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,191 students enrolled
Created by Juriy Bura
Last updated 4/2020
Russian
Preview this course
React + Redux - Профессиональная Разработка
Current price: $65.99 Original price: $94.99 Discount: 31% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 22 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Использовать React для создания современных front-end приложений
  • Использовать Redux для управления состоянием приложения
  • Использовать REST API для доступа к данным на сервере
  • Использовать хуки - React Hooks
Course content
Expand all 180 lectures 21:58:48
+ – ECMAScript 2019
15 lectures 01:55:32
Введение - как использовать этот раздел
Preview 02:49
Ключевые слова let и const
06:10
Arrow-функции
11:44
Параметры по-умолчанию
05:39
Rest параметр
04:14
Spread оператор для массивов
Preview 04:17
Деструктуризация объектов
12:54
Деструктуризация массивов
09:26
Шаблонные строки (template strings)
04:32
Объекты
07:36
Оператор Object Spread
03:48
Прототипы
Preview 14:19
Классы
Preview 09:17
Свойства классов (class properties)
07:19
Модули в JavaScript
11:28
+ – Основы React
12 lectures 01:49:39
Каким будет наш первый проект
05:00
Создаём пустой React проект
Preview 08:08
React элементы
11:05
React компоненты
06:31
JSX
14:19
Упражнение - Code Review 1
04:19
Структура React проекта (часть 1)
08:51
Props - свойства компонентов
Preview 07:21
Массивы, как свойства компонентов
10:31
Коллекции и ключи
10:49
Как импортировать css
14:36
Структура React проекта - часть 2
08:09
+ – Состояние компонентов и обработка событий
12 lectures 01:46:28
Компоненты-классы
07:59
Обработка событий
11:36
State - состояние React компонента
05:35
Как работает setState()
04:31
Обновление состояние, зависящее от предыдущего состояния
05:25
Собственные события
07:42
setState() - удаление элемента
11:37
setState() - добавление элемента
14:41
Данные в React приложении
07:56
setState() - редактирование элементов
15:45
Работа с формами
09:30
Контролируемые компоненты
04:11
+ – Заканчиваем Todo App
3 lectures 24:08
Как использовать этот раздел
01:53
Реализуем поиск
09:08
Реализуем фильтры
13:07
+ – Работа с сервером
14 lectures 01:26:43
Каким будет наш следующий проект
03:02
Новый адрес сервиса SWAPI
02:10
Создаём пустой проект
05:15
Выбор HTTP API для браузера
03:27
Как работает Fetch API
05:50
Обработка ошибок в Fetch API
04:15
Создаём клиент для API
07:20
Создаём компоненты StarDB
06:50
Компонент, который получает данные из API
09:47
Трансформация данных API
11:27
Создаём индикатор загрузки
04:20
Логика индикатора загрузки
08:38
Обработка ошибок сети в компоненте
08:58
Работа с API - выводы
05:24
+ – Жизненный цикл компонентов
9 lectures 55:51
Зачем компонентам "жизненный цикл"?
07:06
Методы жизненного цикла
05:59
componentDidMount()
02:38
Используем на практике componentDidMount()
08:02
componentDidUpdate()
02:07
Используем на практике componentDidUpdate()
07:50
componentWillUnmount()
02:19
componentDidCatch()
10:40
Используем componentDidCatch() на практике
09:10
+ – Паттерны React
23 lectures 03:14:36
Паттерны React - введение
04:06
Использование функций
09:21
Render-функции
07:14
Свойства-элементы
06:55
Children
08:44
Практика - рефакторинг компонента
09:15
Работа с props.children
09:42
Клонирование элементов
05:16
Компоненты высшего порядка (HOC)
12:50
Рефакторинг компонентов
12:10
Композиция компонентов высшего порядка
08:31
Контекст
06:33
Использование Context API
09:46
Использование HOC для работы с контекстом
07:03
Трансформация props в компонентах высшего порядка
12:25
Обновление контекста
12:52
Рефакторинг: делаем код чище
10:19
Рефакторинг компонентов высшего порядка (опциональный урок)
07:35
Функция compose() (опциональный урок))
11:23
Свойство defaultProps
06:13
Свойство propTypes
04:59
NPM - установка дополнительных пакетов
03:57
Библиотеки prop-types
07:27
+ – React Hooks
10 lectures 01:15:40
Что такое React Hooks (хуки)
06:56
Новый проект
02:28
useState()
11:14
useContext()
02:50
useEffect()
11:03
useEffect() - упражнения
09:32
Использование useEffect() для загрузки данных
07:31
Создание собственных хуков
02:27
useCallback() и useMemo()
17:50
Правила и ограничения хуков
03:49
+ – React Router
10 lectures 01:03:22
Что такое роутинг
04:54
Основы react-router
04:53
Link
03:00
Как работает Route
05:29
Динамические пути
07:05
withRouter
06:34
Относительные пути
04:58
Опциональные параметры
08:02
Авторизация и "закрытые" страницы
11:12
Switch (обработка несуществующих адресов)
07:15
Requirements
  • Необходимо понимание основ JavaScript, CSS и HTML
Description

Курс создан на основе React 16.12 ( ноябрь 2019 ) и затрагивает Хуки и последние нововведения в экосистеме React.

Курс содержит подробное руководство по новому синтаксису JavaScript вплоть до ECMAScript 2019.

React - самая популярная библиотека для разработки веб-приложений и один из самых востребованных навыков для JavaScript разработчика в 2020 году.

Фокус этого курса - практическая разработка приложений на React. Это означает, что мы рассмотрим не только эффективное использование самого React, но и целую экосистему инструментов и библиотек, которые необходимы для создания полноценного UI приложения.

Разрабатывая реальные приложения мы изучим самые важные инструменты в экосистеме React:

  • React (включая Hooks)

  • Redux

  • React Router

  • Webpack и Babel

Поскольку ни одно UI приложение не может работать без сервера примеры из этого курса работают с реальными REST API и могут использоваться, как основа для вашего собственного проекта! А чтобы еще больше приблизить наши примеры к коммерческим продуктам, мы детально рассмотрим юнит тестирование, и эффективную упаковку при помощи WebPack.

Этот видео-курс построен на основании оффлайн курсов, проводимых автором для подготовки профессиональных JavaScript  разработчиков. Его задача - дать все необходимые практические навыки для работы в команде или для самостоятельной разработки React приложений коммерческого уровня.

Who this course is for:
  • Разработчики, которые хотят освоить React на профессиональном уровне