JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

Babel + JSX

/** @jsx h */

function h(type, props, ...children) {
	const el = document.createElement(type)
  
  for (const key in props) {
    el.setAttribute(key, props[key])
  }
  
  return el;
}

const a = (
  <ul class="list">
    <li>item 1</li>
    <li>item 2</li>
  </ul>
);

document.body.appendChild(a);