The power of two-way data binding

The modern frontend JavaScript frameworks and libraries such as Vue, Angular and React — and even older ones such as KnockoutJS — all provide what is called two-way data binding.

For those who aren’t familiar with the term, two-way data binding basically means two things:

  1. When a data property in the model is changed, the UI is updated. In practical terms, when you for instance…