react-1-knockout-snippet.js

// View (a template)
<p>First name: <input data-bind=”value: firstName” /></p> 
<p>Last name: <input data-bind=”value: lastName” /></p> 
<h2>Hello, <span data-bind=”text: fullName”> </span>!</h2>

// ViewModel (diplay data… and logic?)
var ViewModel = function(first, last) { 
  this.firstName = ko.observable(first);
  this.lastName = ko.observable(last);

  // Knockout tracks dependencies automatically. 
  // It knows that fullName depends on firstName and lastName,
  // because these get called when evaluating fullName.
  this.fullName = ko.pureComputed(function() {
    return this.firstName() + “ “ + this.lastName();
  }, this);
};