Перейти к основному содержимому

React Compiler – теперь Release Candidate

·198 слов·1 минута·
Александр Мунько
Автор
Александр Мунько
Любитель порассказывать про Фронтенд
Оглавление
Оригинальная новость

React Compiler был выпущен в Release Candidate, ура! 🎉 На момент публикации пакет скачивают уже более 600 000 раз. Самые важные изменения следующие: объединили плагины для ESLint и добавили поддержку SWC, а это значит, что можно теперь использовать его с Vite не только в Babel-режиме.

Для чего нужен React Compiler?
#

Для чего вообще нам нужен React Compiler? Это новый инструмент, призванный помочь в автоматической оптимизации приложений на React’е. Компилятор сам применяет оптимизации, похожие на useMemo, useCallback и React.memo на основе определенных правил. Конечно, компилятор может ошибаться или вовсе не сможет оптимизировать код, и, в таком случае, он пропустит его. Как разработчики – мы об этом узнаем, если нашей целью будет мемоизировать всё. И в таком случае мы сами оптимизируем код.

Мем с кадром из “Властелниц Колец: Братство кольца” – “Гендальф (в роли React Compiler) отдаёт Бильбо (в роли Разработчика) кольцо (в роли кода) со словами: Вот твой код, возьми его; Ого, я не могу прочитать его”
Так и будет работать React Compiler

Что изменилось в Release Candidate
#

В Release Candidate улучшили то, как компилятор мемоизирует. Теперь появилась поддержка опциональных последовательностей и индексов массивов как зависимостей для оптимизации. Эти улучшения призваны сократить количество ререндров и сделать UI более отзывчивым.

Стоит попробовать

Теперь можем попробовать работу компилятора (а он умеет в React старше 16) в настоящем проекте, и если он вносит хороший импакт – это здорово.