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

How to write your own Virtual DOM

Cheesecake Labs
December 21, 2017
Technology
0
120

How to write your own Virtual DOM

Cheesecake Labs

December 21, 2017
Tweet

More Decks by Cheesecake Labs

See All by Cheesecake Labs
Cats' wellness & care
cheesecakelabs
0
38
How do we create the first impressions?
cheesecakelabs
0
42
Menstrual cup: suit and freedom
cheesecakelabs
0
43
Life is a cycle, better with a bicycle
cheesecakelabs
0
37
Interview Process: how to get the best of people
cheesecakelabs
1
64
My capsule wardrobe experience
cheesecakelabs
3
48
Stonewall Rebellion and its impact on LGBTQIA+ history
cheesecakelabs
1
27
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
cheesecakelabs
0
38
MBTI - Psychological types described by Jung
cheesecakelabs
0
88

Other Decks in Technology

See All in Technology
プロデザ！ BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
240
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
350
「手動オペレーションに定評がある」と言われた私が心がけていること / phpcon_odawara2024
blue_goheimochi
2
320
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
690
なぜ NOT A HOTEL が Web3 に取り組むのか - NOT A HOTEL TECH TALK
ynunokawa
0
160
Janus
bkuhlmann
1
490
疲弊しない！AWSセキュリティ統制の考え方 #devio_osakaday1
masahirokawahara
6
5.9k
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
340
巨大なテーブルのテーブル定義を無停止で安全に誰でも変更できるようにする / Table-definitions-for-huge-tables-can-be-modified-by-anyone-safely-and-non-disruptively
freee
1
740
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
130
NgRx Signal Store
rainerhahnekamp
0
120
反実仮想機械学習とは何か
usaito
PRO
7
2.4k

Featured

See All Featured
A Tale of Four Properties
chriscoyier
150
22k
How to train your dragon (web standard)
notwaldorf
72
5.1k
How to name files
jennybc
64
92k
Web Components: a chance to create the future
zenorocha
305
41k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
Debugging Ruby Performance
tmm1
70
11k
The Invisible Customer
myddelton
114
12k
Rails Girls Zürich Keynote
gr2m
91
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Why Our Code Smells
bkeepers
PRO
331
56k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
RailsConf 2023
tenderlove
2
530

Transcript

  1. How to write your own Virtual DOM Daniel Leite de

    Oliveira

  2. This image cannot currently be displayed. Two Myths about VDOM

  3. This image cannot currently be displayed.

  4. This image cannot currently be displayed.

  5. This image cannot currently be displayed.

  6. This image cannot currently be displayed.

  7. This image cannot currently be displayed.

  8. This image cannot currently be displayed.

  9. This image cannot currently be displayed.

  10. This image cannot currently be displayed.

  11. This image cannot currently be displayed.

  12. This image cannot currently be displayed.

  13. This image cannot currently be displayed.

  14. This image cannot currently be displayed. Sorry… it is the

    JS World

  15. This image cannot currently be displayed. What is a DOM?

  16. Document Object Model "DOM is a programming interface for HTML

    and XML documents." "The DOM represents the document as nodes and objects. "
  17. None

  18. This image cannot currently be displayed. Virtual DOM

  19. "Virtual DOM is any kind of representation of a real

    DOM" "The Virtual DOM is an abstraction of the HTML DOM. Since the DOM itself was already an abstraction, the virtual DOM is, in fact, an abstraction of an abstraction." "The Virtual DOM was not invented by React"

  20. This image cannot currently be displayed. Render Process

  21. None

  22. This image cannot currently be displayed. DOM vs Virtual DOM

  23. None

  24. This image cannot currently be displayed. The last concept… I

    promise
  25. None
  26. None

  27. This image cannot currently be displayed. Let's bake it together!

  28. None

  29. Thank you!