JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://angularlight.org/bin/alight_0.10.last.min.js"></script>
<ul id="template">
    <b>{{message}}</b>
    <li al-repeat="item in items">
        {{item.name}} / {{item.description}} / {{item.watchers}}
    </li>
</ul>

JavaScript

var data = alight.bootstrap({
    $el: '#template',
    message: 'loading...',
    result: []
});

setTimeout(function() {
    $.get('https://api.github.com/search/repositories?sort=stars&order=desc&q=tetris+language:assembly').then(function(response) {
        data.message = 'loaded!';
        data.items = response.items;
        data.$scan();  // redraw
    });
}, 500);