JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/hyperflux@0.0.0-alpha1/dist/hyperflux.js"></script>
<div>
  <span id="count"></span>
  <button type="button" id="inc-btn">+</button>
  <button type="button" id="dec-btn">-</button>
</div>

Babel + JSX

const state = {
	count: 0,
};

const actions = {
	inc: () => state => ({ count: state.count + 1 }),
	dec: () => state => ({ count: state.count - 1 }),
};

const countElement = document.getElementById('count');
const incButtonElement = document.getElementById('inc-btn');
const decButtonElement = document.getElementById('dec-btn');

const render = state => {
	
}

const app = hyperflux.app(state, actions, state => {
	countElement.innerText = `Count: ${state.count}`;
});

incButtonElement.addEventListener('click', app.inc);
decButtonElement.addEventListener('click', app.dec);