JSFiddle - React, Tailwind, and code Playground

by cferdinandi

HTML

<div id="app"></div>

JavaScript

// This is the state
var data = {
	greeting: 'Hello',
	name: 'there'
};

// This is a simple Component
var greeting = function () {
	return '<p>' + data.greeting + ', ' + data.name + '!</p>';
};

// We can render it like this
var app = document.querySelector('#app');
app.innerHTML = greeting();