Girish Mahajan (Editor)

Knockout (web framework)

Updated on
Edit
Like
Comment
Share on FacebookTweet on TwitterShare on LinkedInShare on Reddit
Original author(s)
  
Steve Sanderson

Written in
  
JavaScript

Development status
  
Active

Initial release
  
July 5, 2010 (2010-07-05)

Stable release
  
3.4.1 / November 8, 2016 (2016-11-08)

Repository
  
github.com/knockout/knockout

Knockout is a standalone JavaScript implementation of the Model-View-ViewModel pattern with templates. The underlying principles are therefore:

Contents

  • a clear separation between domain data, view components and data to be displayed
  • the presence of a clearly defined layer of specialized code to manage the relationships between the view components
  • The latter leverages the native event management features of the JavaScript language.

    These features streamline and simplify the specification of complex relationships between view components, which in turn make the display more responsive and the user experience richer.

    Knockout was developed and is maintained as an open source project by Steve Sanderson, a Microsoft employee. As the author said, "it continues exactly as-is, and will evolve in whatever direction I and its user community wishes to take it", and stressed, "this isn’t a Microsoft product".

    Features

    Knockout includes the following features:

  • Declarative bindings
  • Automatic UI refresh (when the data model's state changes, the UI updates automatically)
  • Dependency tracking
  • Templating (using a native template engine although other templating engines can be used, such as jquery.tmpl)
  • Simple example

    In this example, two text boxes are bound to observable variables on a data model. The "full name" display is bound to a dependent observable, whose value is computed in terms of the observables. When either text box is edited, the "full name" display is automatically updated, with no explicit event handling.

    References

    Knockout (web framework) Wikipedia