JSX compilation before/after

1-before.js

/** @jsx h **/
import { render, h } from 'preact';
render(<p size="5"><span>foo</span><i>bar</i></p>, document.body);

2-after.js

/** @jsx h **/
import { render, h } from 'preact';
render(h(
  "p",
  { size: "5" },
  h(
    "span",
    null,
    "foo"
  ),
  h(
    "i",
    null,
    "bar"
  )
), document.body);