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
0
130

How to write your own Virtual DOM

Avatar for Cheesecake Labs

Cheesecake Labs

December 21, 2017
Tweet

More Decks by Cheesecake Labs

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

Other Decks in Technology

See All in Technology
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
320
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
160
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3.2k
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
170
Agent Skils
Avatar for ディップ株式会社 dip_tech
PRO
0
120
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
220
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.5k
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.5k
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.5k
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
180
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
220

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
200
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
780
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
70
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k

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!