RU

React не так прост, как о нем говорят. В приложении может происходить много лишней работы, что можно было бы избежать, но об этом разработчики могут не догадываться. Сначала ваше приложение небольшое и это не имеет большого значения. А потом в нем сотни и тысячи компонент, код меняют десятки и сотни разработчиков разного уровня, становится всё сложнее разобраться, как всё работает, и почему оно работает медленнее. Обычно в таких случаях говорят «ну, это ж большое и сложное приложение, что поделать...» Что ж, попробуем разобраться, действительно ли и с этим ничего нельзя сделать? Для начала вспомним, как React работает в теории, а потом заглянем под капот и посмотрим, что там происходит на самом деле.

  • Дерево компонент (т.н. Virtual DOM) и как оно работает;
  • Что вызывает обновление (ре-рендер) компонент;
  • Как React обновляет дерево компонент, как понять что и почему React обновляет;
  • Как работают хуки и как правильно их использовать;
  • Почему мемоизация не панацея;
  • Как работает контекст;
  • Распространенные ошибки, приводящие к лишним обновлениям (ре-рендерам).

Спикеры

Роман Дворнов
Роман Дворнов

Исследователь, изобретатель велосипедов, евангелист веб-стандартов, идейный вдохновитель, критик, докладчик. Автор CSSTree, discovery.js, basis.js и других, мейнтейнер CSSO.