How to write your own Virtual DOM

Cheesecake Labs

December 21, 2017

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

0

45

How do we create the first impressions?

0

47

Menstrual cup: suit and freedom

0

48

Life is a cycle, better with a bicycle

0

44

Interview Process: how to get the best of people

1

70

My capsule wardrobe experience

3

49

Stonewall Rebellion and its impact on LGBTQIA+ history

1

32

Pregnancy, childbirth and breastfeeding: What do I have to do with it?

0

41

MBTI - Psychological types described by Jung

0

110

Other Decks in Technology

See All in Technology

Incident Response Practices: Waroom's Features and Future Challenges

0

160

EventHub Startup CTO of the year 2024 ピッチ資料

0

130

rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理

3

390

複雑なState管理からの脱却

1

160

SSMRunbook作成の勘所_20241120

3

160

New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3

3

630

適材適所の技術選定〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection

1

700

データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤

2

330

『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化

0

140

障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2

5

490

[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)

0

230

OCI Network Firewall 概要

oracle4engineer

0

4.2k

Featured

See All Featured

We Have a Design System, Now What?

50

7.2k

Git: the NoSQL Database

427

64k

YesSQL, Process and Tooling at Scale

169

14k

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

47

2.1k

34

3k

A Philosophy of Restraint

203

16k

Refactoring Trust on Your Teams (GOTO; Chicago 2020)

31

2.7k

A better future with KSS

238

17k

Imperfection Machines: The Place of Print at Facebook

265

13k

JavaScript: Past, Present, and Future - NDC Porto 2020

47

5k

How to train your dragon (web standard)

88

5.7k

Put a Button on it: Removing Barriers to Going Fast.

59

3.5k

Transcript

How to write your own Virtual DOM Daniel Leite de
Oliveira
This image cannot currently be displayed. Two Myths about VDOM
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed.
This image cannot currently be displayed. Sorry… it is the
JS World
This image cannot currently be displayed. What is a DOM?
Document Object Model "DOM is a programming interface for HTML
and XML documents." "The DOM represents the document as nodes and objects. "
None
This image cannot currently be displayed. Virtual DOM
"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"
This image cannot currently be displayed. Render Process
None
This image cannot currently be displayed. DOM vs Virtual DOM
None
This image cannot currently be displayed. The last concept… I
promise
None
None
This image cannot currently be displayed. Let's bake it together!
None
Thank you!