JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<h1 data-bind="text: text"></h1>
<ul data-bind='foreach: items'>
<li data-bind="text: text"></li>
</ul>
JavaScript
function Item(text) {
this.text = ko.observable(text);
}
function ViewModel(text) {
this.text = ko.observable(text);
this.items = ko.observableArray([
new Item("Item one"),
new Item("Item two")
]);
}
var vm = new ViewModel("Hello World!");
ko.applyBindings(vm);
$("h1, li").click(function() {
var vm = ko.dataFor(this);
vm.text("Changed!");
});