Новый механизм JSX трансформации в React 17 Release Candidate

[@Finesse]

В начале статьи я подумал, что наконец-то React.createElement будет вызываться во время транспиляции, а не в рантайме (результат вызова этой функции — простой объект). А оказалось, что просто поменяли название импортируемого пакета.

[@artemu78]

я так понимаю — главное к чему идут это возможность апгрейдить реакт по частям, ради этого и разбивают библиотеку, об этом у них предыдущая статья reactjs.org/blog/2020/08/10/react-v17-rc.html

[@panzerklein]

Плюс хотят избавиться от старых косяков — forwardRef, ручное вытаскивание key из пропсов и т.д.

https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md

[@sultan99]

Кстати из за того, что реакт (бабель) конвертировал jsx теги в React.createElement, мне удавалось уменьшить размер бандла до 20%, хотя цель библиотеки была совсем другая, но получил такой интересный сайд эффект.

[@artemu78]

удалось уменьшить вот с этой новой трансформацией в 17 версии?

[@DmitryKazakov8]

У меня несжатый бандл вырос с 2.63MB до 2.67MB, сжатый с 641.24KB до 642.69 KB соответственно. У gzip версий увеличение всего на 0.27KB получилось. В целом — не большая цена за удаление ненужных импортов