Новый JSX transform, представленный в React 17, даёт три значительных преимущества, которые улучшают опыт разработки и производительность приложения.
Самое заметное преимущество в том, что теперь ты можешь использовать JSX без явного импорта React в каждом файле. Раньше, даже если ты использовал только JSX-синтаксис, нужно было импортировать React в начале каждого файла компонента. Новый transform автоматически берёт это на себя, избавляя от лишнего шаблонного кода и снижая когнитивную нагрузку.
Скомпилированный вывод нового JSX transform более эффективен, что даёт небольшое уменьшение размера бандла. Эта оптимизация — результат упрощённого процесса компиляции, который генерирует более чистый и компактный JavaScript. Хотя уменьшение размера в одном файле небольшое, в крупных приложениях со множеством компонентов оно ощутимо накапливается.
Новый transform обеспечивает большую гибкость для будущих улучшений React. Отделяя компиляцию JSX от самой библиотеки React, команда React может развивать возможности языка независимо. Это также упрощает порог входа: разработчики могут сосредоточиться на основных концепциях React, не разбираясь в механике трансформации JSX и её зависимости от импортов React.
Все эти преимущества вместе создают более комфортный опыт разработки: чистый код, меньший итоговый размер файлов и более понятная кривая обучения для новичков в React. Новый JSX transform — значимый шаг к тому, чтобы разработка на React стала доступнее и эффективнее.
Новый JSX transform избавляет от необходимости импортировать React в каждом файле, но ты всё ещё должен импортировать его хотя бы в одном родительском компоненте, чтобы JSX работал корректно.
Новый — ещё не проверен сообществом
Вы