🚀 Day 1 of Learning React: Why React Exists, the Real DOM, Virtual DOM & React Elements

Short summary

On Day 1 of learning React, the author explains why React was created as a declarative alternative to manual DOM manipulation using the formula UI = Function(State). The post covers three core concepts: the Real DOM (browser's tree structure), React Elements (JavaScript objects describing UI), and the Virtual DOM (in-memory representation React uses to batch updates). React's efficiency comes from comparing Virtual DOM changes and updating only the affected parts of the Real DOM.

• •React shifts from imperative DOM manipulation to declarative UI: UI = Function(State)
• •React Elements are plain JavaScript objects describing UI structure, not actual DOM nodes
• •Virtual DOM enables efficient updates by diffing changes in memory before applying to the Real DOM

Generated with AI, which can make mistakes.