JSX Transform
↔ JSX translated to React.createElement()
calls
Source: Introducing the New JSX Transform – React Blog
!deprecated old version transforms JSX in code
import React from "react";
function App() {
return <h1\>App</h1\>;
}
into
import React from "react";
function App() {
return React.createElement("h1", null, "App");
}
React 17 updated JSX transform to no longer require React import!
function App() {
return <h1\>App</h1\>
}
transpiles to
import {jsx as _jsx} from "react/jsx-runtime";
function App() {
return _jsx("h1", {children: "App" });
}