JSFiddle - React, Tailwind, and code Playground

by zhning

HTML

<script src="http://besideriver.com/RiverJS/1.0.8/river.min.js"></script>
<div scope="spec.repeat">
    <ul>
        <li repeat="lib in frameworks" class="lib"> <span>{{ lib.name }}</span>

            <ul>
                <li repeat="user in lib.users" class="user"> <span>{{ user.comp }}</span>

                    <ol>
                        <li repeat="ep in user.emp">{{ep.name}}</li>
                    </ol>
                </li>
            </ul>
        </li>
    </ul>
</div>

JavaScript

define('spec.repeat', function (exports,require,module) {
    exports = module.exports = function () {
        var m = {
            frameworks: [{
                name: "jquery",
                users: [{
                    comp: "compA",
                    emp: [{
                        name: "a"
                    }, {
                        name: "b"
                    }]
                }]
            }, {
                name: "angularj",
                users: [{
                    comp: "compB",
                    emp: [{
                        name: "c"
                    }, {
                        name: "d"
                    }]
                }]
            }]
        };
        this.inject(m);
    };
});