← All stories
● Covered by 1 source Β· 1 reportMedium impact

React 17 Introduces New JSX Transform for Enhanced Developer Experience

Aggregated by BrevFeed dev Β· updated 4h ago
πŸ”– Save

React 17 introduces a new optional JSX transform that allows developers to use JSX without importing React, improving the development experience. The upgrade is aimed at simplifying JSX usage and potentially optimizing bundle sizes without disrupting existing setups.

Key points

Introduction of New JSX Transform

React 17 does not introduce new features but enhances the JSX transform. This new version works in tandem with Babel, allowing developers to write JSX without importing React explicitly. The upgrade enhances the development experience while maintaining compatibility with existing setups.

Benefits of the New Transform

The new JSX transform enables JSX usage without the need for importing React, which simplifies coding for developers. Additionally, the compiled output may result in slightly reduced bundle sizes depending on the setup. This change also anticipates future improvements to streamline learning React.

Compatibility and Adoption

The old JSX transform remains supported, ensuring that current projects are unaffected. The new transform has been backported to previous React versions, allowing a broader base of users to adopt the changes.

Differences Between Old and New Transform

Previously, JSX was compiled into React.createElement calls, which required React to be in scope. The new transform eliminates this requirement and allows for simplified and potentially more efficient code compilation.

✨ This summary was generated by AI from the outlets' reporting listed below. It is not independently verified and may contain errors β€” check the original sources. How BrevFeed works β†’

Primary sources

GitHub necolas/normalize.css GitHub facebook/react GitHub reactjs/rfcs GitHub facebook/create-react-app GitHub vercel/next.js GitHub gatsbyjs/gatsby

Reporting from

React 17 introduces a new optional JSX transform that allows developers to use JSX without importing React, improving the development experience. The upgrade is aimed at simplifying JSX usage and potentially optimizing bundle sizes without disrupting existing setups.