Series

Virtual DOM

The Series focused on creating React-like virtual DOM.

Articles in this series

Let's code a Virtual DOM!

Apr 11, 20225 min read

How to create your own React (kind of...) · What is the DOM? DOM (Document Object Model) is a tree-like structure that holds information about how an...

Let's code a Virtual DOM!

Redux-like state management: Let's code a Virtual DOM! #2

Apr 25, 20227 min read

Implement a Store with a reducer, actions and dispatch function · State management is a crucial feature of any modern application. Even though there are...

Redux-like state management: Let's code a Virtual DOM! #2

Reconciliation algorithm: Let's code a virtual DOM! #3

May 2, 20227 min read

Learn how to keep virtual DOM in sync · In the last two instalments of this series, we've developed a virtual dom that changes every time the state is...

Reconciliation algorithm: Let's code a virtual DOM! #3

Handling attributes and event listeners: Let's code a virtual DOM! #4

Aug 28, 20228 min read

Adding attributes, event listeners and styles to DOM · This is the 4th part of the series where we build a virtual DOM from scratch. If you haven't...

Handling attributes and event listeners: Let's code a virtual DOM! #4