React 16 добавляет фрагменты

Появилась новая версия React с улучшениями, включая фрагменты, границы ошибок, порталы и поддержку настраиваемых атрибутов DOM.

React — это библиотека JavaScript с открытым исходным кодом Facebook, которая позволяет декларативно описывать то, что вы хотите отобразить, с использованием общих компонентов и элементов. Для версии 16 React полностью переписал внутреннее устройство, а также улучшил его полезность.

Новые типы возврата рендеринга — первое улучшение с поддержкой фрагментов и строк. Поддержка возврата фрагментов работает так: вы можете вернуть массив элементов из метода рендеринга компонента. На данный момент вам нужно добавить ключ к каждому элементу, чтобы избежать ключевого предупреждения, но разработчики планируют добавить специальный синтаксис фрагментов для JSX, не требующий ключей. Также была добавлена поддержка возврата строк.

Также была улучшена обработка ошибок, чтобы избежать ситуации, когда ошибки времени выполнения во время рендеринга вызвали сбои в работе React. В новом выпуске используется более гибкая стратегия обработки ошибок, которая позволяет использовать границы ошибок, компоненты, которые фиксируют ошибки внутри своего поддерева и вместо них отображают резервный пользовательский интерфейс.

В этой версии рендеринг на стороне сервера был полностью переписан, чтобы быть более быстрым и добавить поддержку потоковой передачи, чтобы вы могли быстрее начать отправку байтов клиенту. Разработчики говорят, что серверный рендеринг в React 16 примерно в три раза быстрее, чем в React 15. Новая версия также лучше обрабатывает серверный HTML-код, когда он достигает клиента, повторно используя как можно больше существующей DOM в тех случаях, когда контент отличается. на клиенте.

Поддержка настраиваемых атрибутов DOM означает, что если он встречает атрибут HTML или SVG, который он не распознает, он передаст его в DOM вместо того, чтобы игнорировать его.

Следует отметить, что в новой версии разработчики перестали поддерживать React Addons. Последняя версия каждого аддона (кроме response-addons-perf;) будет работать в обозримом будущем, но никаких дополнительных обновлений публиковать не будет, а response-addons-perf больше не работает в React 16. Планируется выпустить. новая версия этого инструмента в будущем.