Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Data binding
Search
Igor Halfeld
September 01, 2017
Programming
0
18
Data binding
Igor Halfeld
September 01, 2017
Tweet
Share
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
110
How to migrate legacy frontend?
igorhalfeld
1
81
Patterns for perfect components in Vue.js
igorhalfeld
0
98
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
35
Step by step I followed a career in software
igorhalfeld
0
640
Using AI to create memes
igorhalfeld
0
480
Deninho, the TS children
igorhalfeld
1
190
Micro Front-ends, what's anyone says...
igorhalfeld
0
320
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
82
Other Decks in Programming
See All in Programming
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
320
Folding Cheat Sheet #3
philipschwarz
PRO
0
120
見た目から始める生産性向上
ikumatadokoro
7
780
GitHub Copilotのススメ
marcy731
0
190
Hanami and htmx
bkuhlmann
0
200
Anthropic Cookbook のおすすめレシピ
schroneko
7
790
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
220
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
880
雑に思考を整理する技術と効能
konifar
58
28k
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
160
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Featured
See All Featured
Designing with Data
zakiwarfel
95
4.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
39k
Fireside Chat
paigeccino
20
2.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Designing Experiences People Love
moore
136
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
16
1.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Thoughts on Productivity
jonyablonski
57
3.8k
The Invisible Customer
myddelton
114
12k
What's in a price? How to price your products and services
michaelherold
237
11k
Building an army of robots
kneath
300
41k
Transcript
DATA BINDING
@Halfeld vuejs-brasil.com.br webschool.io igorluiz.me
“ 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.
ONE-WAY BINDING TWO-WAY BINDING
IMPLEMENTAÇÃO Dirty Checking e Dependency Tracking
DOM Watcher Watcher Watcher Dirty Checking Angular 1 State $digest
Dependency Tracking Knockout / Vue 1.x a setter getter b
Watcher a.b Collect Dependencies Bindings DOM Notify Update Notify
Virtual DOM React etc. New Virtual DOM Tree DOM Old
Virtual DOM Tree diff + patch Render Function
Virtual DOM + Dependency Tracking Vue 2.0, React + MobX
Watcher track dependencies
Object.defineProperty(obj, prop, descriptor)
DATA DESCRIPTOR ACCESSOR DESCRIPTOR
DEMO
Obrigado! é biscoito!!! http://igorluiz.me/talks/