JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="https://angularlight.org/bin/alight_0.14.last.min.js"></script>
<div>
  <input type="radio" al-radio="key1" name="key1" value="1" />
  <input type="radio" al-radio="key1" name="key1" value="2" />
</div>
<div>
  <input type="radio" al-radio="key2" name="key2" value="1" />
  <input type="radio" al-radio="key2" name="key2" value="2" />
</div>

Babel + JSX

let data = {
	key1: '1',
  key2: '2'
};

let cd = alight('body', data);  // bind DOM to data


function change() {
	data.key1 = '2';
	data.key2 = '1';
  cd.scan();  // update DOM by data
  
  setTimeout(() => {
    data.key1 = '1';
    data.key2 = '2';
    cd.scan();

		setTimeout(change, 1000);
  }, 1000);
};
change();