Data binding

Transcript

1. DATA BINDING
2. @Halfeld vuejs-brasil.com.br webschool.io igorluiz.me
3. “ 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.
4. ONE-WAY BINDING TWO-WAY BINDING
5. IMPLEMENTAÇÃO Dirty Checking e Dependency Tracking
6. DOM Watcher Watcher Watcher Dirty Checking Angular 1 State $digest
7. Dependency Tracking Knockout / Vue 1.x a setter getter b Watcher a.b Collect Dependencies Bindings DOM Notify Update Notify
8. Virtual DOM React etc. New Virtual DOM Tree DOM Old Virtual DOM Tree diff + patch Render Function
9. Virtual DOM + Dependency Tracking Vue 2.0, React + MobX Watcher track dependencies
10. Object.defineProperty(obj, prop, descriptor)
11. DATA DESCRIPTOR ACCESSOR DESCRIPTOR
12. DEMO
13. Obrigado! é biscoito!!! http://igorluiz.me/talks/