Live bound templates in CanJS completely change how we build UI controls. When used correctly, live binding gives you far greater separation of concerns and code that is easier to understand and refactor.
In this article, we'll illustrate the clear advantages to using data driven, live bound UI controls, and show how to implement this in your own apps.
Live bound templates provide a greater ability to keep UI Control code as semantic as possible, removing most or all of the manual DOM manipulation code that was necessary without live binding.
With live binding, the UI Control strictly maintains the “state” of the control, leaving the visual representation of that state to the View.