JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://npmcdn.com/preact@latest/dist/preact.js"></script>

Babel + JSX

/** @jsx h */
const { h, render, Component } = preact;

class App extends Component {
  constructor() {
    super();
    this.state = { value: 50 }
  }
  
	render(props, state) {
		return (
      <div>
        <h1>Value: {state.value}</h1>
        <input type="range"
          value={state.value}
          onChange={this.linkState('value')}
        />
        <input type="number"
          value={state.value}
          onChange={this.linkState('value')}
        />
      </div>
		);
	}
}

render(<App />, document.body);