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

How to write your own Virtual DOM

Avatar for Cheesecake Labs Cheesecake Labs
December 21, 2017
Technology
140
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
75
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
88
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
100
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
88
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
92
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
69
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
73
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
170

Other Decks in Technology

See All in Technology
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
Avatar for Rakus_Dev rakus_dev
0
260
AI時代の開発生産性は、個人技からチーム設計へ
Avatar for Atsushi Nakatsugawa moongift
PRO
4
2.5k
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
Avatar for mikesorae mikesorae
0
1.3k
[Droidcon Orlando '26] The Android Lens: Applying Mobile Forensics to AI Performance
Avatar for mvndy_hd amanda_hinchman
1
110
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8.5k
ダッシュボード"開発"について 〜使われるダッシュボードのつくりかた〜
Avatar for きみちゃん kimichan
0
200
AIが当たり前の組織で エンジニアはどう育つか
Avatar for Motoshi Nishihira nishihira
1
990
AI時代におけるエンジニアの新たな役割──FDEとクオリアの探求/登壇資料（戸井田 裕貴）
Avatar for Hacobu hacobu
PRO
0
330
AI工学特論: MLOps・継続的評価
Avatar for Asei Sugiyama asei
5
1.3k
AIコード生成×サプライチェーン攻撃 — PHPが直面する“二重の信頼問題
Avatar for Shinya Saita shinyasaita
0
460
文字起こし基盤の信頼性
Avatar for abnoumaru abnoumaru
0
120
“それは自分の仕事じゃない"を 越えて行け
Avatar for yuukiyo yuukiyo
1
520

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
47
4k
Done Done
Avatar for chrislema chrislema
186
16k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
400
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.4k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k

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!