Today's explainer is a nice, lengthy guide to React's Virtual DOM.
Turns out, a far more complex topic than I initially anticipated. 😅 Possibly still not 100% accurate by true-DOM-engineering-enthusiast standards. Specific suggestions for edits welcome 👍
Conversation
This Tweet was deleted by the Tweet author. Learn more
Grammar fixes are my favourite kind 🙌 thank you!
1
This is a beautiful, concise and informative explanation! Thank you!
1
Beautiful and well written. I believe React compares to React elements from previous renders, not to the DOM itself. So “compares its own version of the DOM to the real DOM” is not right.
Related code if it helps:
github.com/facebook/react
github.com/facebook/react
1
Our components -> we pass top level component to React DOM package -> it uses Fiber to unwind the component tree -> our components render React elements -> React reconciler compares between elements -> updates are committed to the DOM
1
Show replies
1