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

How to write your own Virtual DOM

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Cheesecake Labs Cheesecake Labs
December 21, 2017
Technology
150
0

How to write your own Virtual DOM

Avatar for Cheesecake Labs

Cheesecake Labs

December 21, 2017

More Decks by Cheesecake Labs

See All by Cheesecake Labs
Cats' wellness & care
Avatar for Cheesecake Labs cheesecakelabs
0
81
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
89
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
110
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
90
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
140
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
95
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
75
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
78
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
180

Other Decks in Technology

See All in Technology
RelayerというPHPのフレームワークを作った
Avatar for polidog polidog
PRO
0
130
FDEの心得
Avatar for Noriaki Oji noriakioji
5
6.4k
長期運営で肥大化したExcelマスターデータの解消に向けた移行事例
Avatar for gree_tech gree_tech
PRO
0
360
VLMで2.3万枚のPyCon JP写真を検索！
Avatar for Manabu TERADA terapyon
1
420
医療の現場を変革に挑戦した半年間の軌跡 - PythonとAIで現場を変える / From Code to Care
Avatar for soudai sone soudai
PRO
1
590
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
230
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
24
430k
Oracle MCP Servers Explained
Avatar for thatjeffsmith thatjeffsmith
0
440
2026-08-15 JAWS-UG 茨城 #16 Secrets ManagerにおけるSecret値の管理(Terraformの場合) / Secrets Manager Secrets
Avatar for SUZUKI Masashi masasuzu
0
570
暗号化？某ファイルストレージはどうなるの！？ 3rd Partyとうまく付き合う秘密度ラベル設計
Avatar for Kaz Asada | しがない情シス kasada
0
160
トークンマネジメントでAIにとって働きやすい環境を実現する
Avatar for hikae hikaruegashira
0
150
LanceDB入門
Avatar for Tomoko Uchida mocobeta
9
670

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
380
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
300
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
400

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!