Что нового в Reactjs v18.0?
React.js был фундаментальной частью разработки множества веб-страниц и приложений по всему миру. Meta создала эту популярную библиотеку с открытым исходным кодом в 2013 году. И теперь сообщество React.js празднует появление новой версии 18.0.
React18 был официально запущен в конце марта из альфа-версии в бета-версию. Некоторые сообщества разработчиков уже протестировали это последнее обновление, высоко оценив его новые возможности и функции. Часть выпусков новых выпусков версии ориентирована на поддержку сторонних библиотек, представляя невиданные ранее улучшения.
Опция «одновременный просмотр» отвечает за новые функции и улучшения React.js, которыми рады все разработчики React. Одновременные представления позволяют нам создавать несколько версий самого пользовательского интерфейса.
Давайте подробно рассмотрим новые улучшения и функции в React 18:
Представляет новый корневой API
В React «корень» — это указатель на структуру данных верхнего уровня. Корень используется для отслеживания представления дерева. Наличие устаревшего корневого API неясно для пользователей, поскольку его можно прикрепить к элементу DOM и, таким образом, получить к нему доступ через узел DOM, не раскрывая пользователям корень. Однако не обязательно хранить корень в DOM-узле не нужно.
У устаревшего корневого API были некоторые проблемы. Например, для запуска обновлений нам нужно было постоянно передавать контейнер рендеру, даже если он никогда не менялся. Добавление нового корневого API решает эту проблему.
Лучшее в автоматической пакетной обработке
Пакетная обработка означает группировку обновлений из разных состояний React в одно состояние рендеринга, что позволяет повысить вычислительную производительность. Раньше в предыдущих версиях React пакетировались только задачи обработчиков событий. Другие события, такие как асинхронные обновления состояния, по умолчанию не были автоматизированными задачами. Проблема была решена путем добавления автоматической пакетной обработки в React 18 при использовании нового корневого API. Теперь обновления будут обрабатываться автоматически независимо от их происхождения.
Новый «API перехода звезды», чтобы приложение оставалось отзывчивым
API startTransition помогает нам сохранять отзывчивость нашего приложения во время обновлений или рендеринга больших экранов. Этот API позволяет нам контролировать внешний вид параллельных рендеров для улучшения взаимодействия с пользователем.
Этот API будет упаковывать тяжелые обновления, такие как «startTransition», и сломается, только если будут запущены более срочные. Поэтому срочные и медленные обновления классифицируются. Следует отметить, что если переход прерывается действиями пользователя, React немедленно отбрасывает незавершенное устаревшее задание рендеринга и просто продолжает рендеринг последнего обновления.
Улучшение архитектуры на стороне сервера
Одной из новых функций v18 является архитектурное улучшение представления React.js SSR. Рендеринг SSR генерирует HTML из компонентов на сервере, а затем отправляет его обратно клиенту. Содержимое страницы можно просмотреть до ее загрузки и запуска пакета JS.
Заключение
Обширное сообщество React уже тестирует эту новую версию. Они взяли на себя задачу составить список библиотек, совместимых с React.js v18, доступ к которому может получить любой разработчик.
Обновления React 18, реализованные в этом выпуске, являются одними из лучших функций React. Ваш проект выиграет от улучшений Meta в этой популярной библиотеке JS. Рекомендуется проявлять осторожность и заранее тестировать изменения, чтобы избежать проблем в производственных проектах.
