JSFiddle - React, Tailwind, and code Playground

by mgs_jsfiddle

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>
<div data-bind="foreach: users">
    <p>
        <span data-bind="text: firstName"></span>
        <span data-bind="text: lastName"></span>:
        <span data-bind="text: $root.fullName"></span>
    </p>
</div>

JavaScript

$(function() {
    function ViewModel() {
        var self = this;
        self.users = [
            { id: 1, firstName: "Bob", lastName: "Taylor" },
            { id: 2, firstName: "David", lastName: "Nicols" },
            { id: 3, firstName: "Walter", lastName: "Mathews" }
            ];
        self.fullName = ko.computed(function() {
            return "unknown";
        });
    };
    ko.applyBindings(new ViewModel());
});