notes

evergreen

What the Fork is the React Virtual DOM

Illustrated notes on how the React virtual DOM works


The idea of the virtual DOM system helped clarify a few things for me. Primarily it got me to understand the DOM, the virtual DOM, and your React app are all separate systems talking to one another. Not one big mesh. While learning it I drew out an explanation you can see below.


One of the reasons React is so darn fast at updating changes  is that it uses a virtual DOM All the code we write in React only interacts with this virtual DOM This is helpful because passing the actual DOM lots of changes is slow React's DOM runs a diffing algorithm

Want more illustrated notes on web development?

Take a look at

, or find out

Want to share?