Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Data binding

Avatar for Igor Halfeld Igor Halfeld
September 01, 2017

Data binding

Avatar for Igor Halfeld

Igor Halfeld

September 01, 2017
Tweet

More Decks by Igor Halfeld

Other Decks in Programming

Transcript

  1. “ Data binding is a general technique that binds data

    sources from the provider and consumer together and synchronizes them. This is usually done with two data/information sources with different languages as in XML data binding.
  2. Dependency Tracking Knockout / Vue 1.x a setter getter b

    Watcher a.b Collect Dependencies Bindings DOM Notify Update Notify
  3. Virtual DOM React etc. New Virtual DOM Tree DOM Old

    Virtual DOM Tree diff + patch Render Function