Skip to content

JSX

Tools such as Babel, TypeScript or bundlers convert JSX to React.createElement calls. This feature does the opposite.

jsx
React.createElement(
  'div',
  null,
  React.createElement('span', null, 'Hello ', name),
);

->

jsx
<div>
  <span>Hello {name}</span>
</div>

INFO

This currently only works for the React UMD build, not when bundled.