rodrigo braga
tactical code
05 December 2010
Knockout JS
Recentemente ouvindo o podcast Hanselminutes conheci o Knockout JS, um biblioteca (javascript) para aplicarmos o padrão Model-View-View-Model.
A arquitetura proposta pelo MVVM é interessante independente do framework ou até mesmo da plataforma alvo; fiz alguns pequenos testes com o Knockout e é notório a melhoria tanto por conta da diminuição de linhas de código quanto pela expressividade/legibilidade que ganhamos.
Abaixo um exemplo simples, retirado do próprio site do Knockout, e que pode ser visto em execução neste link.
VIEW
<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>VIEW MODEL
// Here's my data model
var viewModel = {
firstName : ko.observable("Planet"),
lastName : ko.observable("Earth")
};
viewModel.fullName = ko.dependentObservable(function () {
// Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
return viewModel.firstName() + " " + viewModel.lastName();
});
ko.applyBindings(viewModel); // This makes Knockout get to workE se levarmos em consideração o uso paralelo com jQuery e jQuery.tmpl as possibilidades são amplamente potencializadas.
