Скринкаст по React.js

React.js -- одна из самых популярных библиотек для создания сложных Frontend-приложений.

Однако, успешная разработка на нём требует хорошего понимания концепций, на которых он построен.

В этом скринкасте мы:

  • Познакомимся с основными понятиями и внутренним устройством React.js.
  • Разберёмся с тем, как создавать компоненты на React.js.
  • Разберём ряд подводных камней, на которые часто наступают начинающие React-разработчики.

Одна из главных особенностей React.js - свобода действий, существует огромное количество подходов к построению приложений с его помощью (redux, mobx и другие).

Они не являются частью собственно React.js, а представляют собой архитектурные надстройки и также постоянно развиваются. Мы осваиваем их на Основном и Продвинутом онлайн-курсах по React.JS.

Автор этого скринкаста – Роман Якобчук, с небольшой помощью в плане организации материала от Ильи Кантора.

Код

Код к большинству выпусков находится в здесь: https://github.com/javascriptru/react-screencast-code.

Вы также можете скачать все скринкасты в виде архива с видео-файлами.

Выпуски скринкаста
01
Введение, компонентный подход
5:33
02
Настройка окружения, create-react-app
6:42
03
JSX - синтаксис для разметки в React.js
10:36
04
React-компонент, передача данных
7:01
05
Интерактивность, состояние компонентов
8:58
06
Virtual DOM - основной алгоритм React.js
8:58
07
Отображение массивов, смысл аттрибута key
7:31
08
Оформление компонентов, работа с CSS
8:54
09
Жизненный цикл React-компонентов
10:49
10
Оптимизация приложений, shouldComponentUpdate
8:14
11
Отладка React-приложений
9:44
12
Обратный поток данных, подъём состояния
7:50