JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_0.12.last.min.js"></script>
<div id="id004">
  name: {{name}} <br/>
  type: {{type}}
  <div al-html="html"></div>
</div>

TypeScript

let scope = {
	name: 'ubuntu',
  type: 'linux',
  html: ''
};

alight.bootstrap('#id004', scope); // binds data to DOM

setInterval( () => {
	scope.name += '!';
	scope.type += 'x';
  scope.html += '<input al-value="name" type="text" /> <br/>';
  scope.$scan();  // scans the data for changes
}, 1000);