01
Введение, компонентный подход

Скринкаст по 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
Введение, компонентный подход
05:32
02
Настройка окружения, create-react-app
06:42
03
JSX - синтаксис для разметки в React.js
10:35
04
React-компонент, передача данных
07:01
05
Интерактивность, состояние компонентов
08:57
06
Virtual DOM - основной алгоритм React.js
08:57
07
Отображение массивов, смысл аттрибута key
07:30
08
Оформление компонентов, работа с CSS
08:53
09
Жизненный цикл React-компонентов
10:48
10
Оптимизация приложений, shouldComponentUpdate
08:14
11
Отладка React-приложений
09:44
12
Обратный поток данных, подъём состояния
07:49