---
title: "Didact: Instances, reconciliation and virtual DOM"
url: https://daily.dev/posts/didact-instances-reconciliation-and-virtual-dom-86m2drgeb
source_url: https://medium.com/hexacta-engineering/didact-instances-reconciliation-and-virtual-dom-9316d650f1d0
type: article
source: "Rodrigo Pombo"
published: 2026-03-31T12:30:13.518Z
updated: 2026-03-31T12:38:54.393Z
tags: ["webdev", "javascript", "react"]
reading_time: 6
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Didact: Instances, reconciliation and virtual DOM

**[Rodrigo Pombo](https://daily.dev/sources/pomb)** · 6 min read · 0 upvotes · 0 comments

## Summary

A step-by-step walkthrough of building a React-like library called Didact, focusing on implementing virtual DOM, instances, and a reconciliation algorithm. Covers how to diff element trees between renders, reuse DOM nodes when element types match, handle children reconciliation positionally, and remove DOM nodes cleanly. Includes code examples for instantiate, reconcile, and updateDomProperties functions, with a working codepen demo.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://medium.com/hexacta-engineering/didact-instances-reconciliation-and-virtual-dom-9316d650f1d0>

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react)

[View this post on daily.dev](https://daily.dev/posts/didact-instances-reconciliation-and-virtual-dom-86m2drgeb)