Virtual DOM (VDOM aka VNode) is magical ✨ but is also complex and hard to understand😱. React, Preact and similar JS libraries use them in their core. Unfortunately I couldn’t find any good article or doc that explains it in a detailed-yet-simple-to-understand fashion. So I thought of writing one myself. Note: This is a LONG post. I’ve added tons of pictures to make it simple but it also makes the
![The Inner Workings Of Virtual DOM](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5e2edb9d1cee73d3e4fe5c5f19a9160a81f5d49/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2ATF0TZszVwpYc1Pba7Dbk7Q.png)