babel-plugin-transform-jsx-params2

babel-plugin-transform-functional-jsx

Pure functional & spread children support

Example

In

<div>
  <a href="other.html">Link</a>
  <ul>
    {...[<li>Item A</li>, <li>Item B</li>]}
    <li>Item Last</li>
  </ul>
</div>

Out

div(
  null,
  a({ href: "other.html" }, "Link"),
  ul(
    null,
    ...[li(null, "Item A"), li(null, "Item B")],
    li(null, "Item Last")
  )
);