JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/maquette/2.4.1/maquette.min.js"></script>

JavaScript

const h = maquette.h;

var state = 7;

function onButtonClick(e){
    state += 1;
}

function render(){
  return h("body", [
      h("button", { onclick: onButtonClick }, "Add"),
      h("ul",  new Array(state).fill(0).map((e, i) => h("li", { key: i }, i)))
  ]);
}

const projector = maquette.createProjector();
projector.merge(document.body, render);