Skip to main content

JSX TransformJSX 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" });
}

References