Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

How to write your own Virtual DOM

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
89
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
100
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
120
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
100
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
160
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
110
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
79
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
93
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
180

Other Decks in Technology

See All in Technology
しろおびから始める！ログ活用の第一歩
Avatar for Shumei Ito shumei_ito
0
950
Benchmarking Disaggregated Serving on vLLM + Dynamo with a Real Coding-Agent Workload
Avatar for NTT docomo Business nttcom
1
190
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
Avatar for koukihosaka koukihosaka
1
340
Metadata - Section 1: HTML Basics
Avatar for mohab soliman mohab1
0
120
Running Kotlin + Quarkus with Lambda
Avatar for Nealle nealle
1
3.7k
Getting Started with Google Antigravity
Avatar for Guillaume Laforge glaforge
0
310
実践！ SRE × AI - ABEMA における AIOps -
Avatar for tetsuya28 tetsuya28
8
3.1k
Claude の新機能を、 出た日に触って社内に届けるまで
Avatar for ふくだ（fukuda ryu） rfdnxbro
1
180
ブラウザとサーバーから考えるAI時代のフロントエンド監視
Avatar for Shogo Fukami shogo4131
3
940
継続的なAIコスト最適化
Avatar for Atsushi Tanaka bgpat
1
340
re:Invent初参加で変わったこと、2回目にやってみたいこと（JAWS-UG彩の国埼玉 #12）
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
230
二歩目のフロントエンド・ウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
2
620

Featured

See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
67k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
940
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
330
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
2
6.3k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
1
270
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
570

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!