React 入门：概念与设置

React 是用于通过小型、可复用组件构建应用的用户界面库。

• 用组件来思考。
• 描述某种状态下的用户界面（声明式）。
• React 会高效处理更新。

声明式代码描述结果；React 会为您计算 DOM 的变化。命令式代码则逐一精细管理每次更新。

React 构建轻量的虚拟 DOM，并将其与之前的树进行差异比较，从而应用最少且针对性强的 DOM 更新。

设置：

• 创建应用（例如，npm create vite@latest）。
• 安装依赖项（npm install）。
• 运行开发服务器（npm run dev）。

文件夹基础：

• index.html 包含 div#root。
• src/main.jsx 启动 createRoot。
• src/App.jsx 定义您的第一个组件。

首次渲染：挂载根节点并渲染 App()；点击以查看由状态驱动的更新。

快速检查：React 的声明式用户界面背后的核心理念是什么？

回顾：组件 + 声明式渲染 + 差异比较。设置开发服务器，并使用 createRoot 渲染 App()。