React 简介

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook（现 Meta）开发并于 2013 年开源。它主打"组件化 + 声明式"，把界面拆成一个个独立的小组件，再组合成完整页面。React 是目前全球最流行的前端技术之一，无论是找工作还是做个人项目，都值得花时间学习。

React 是什么

React 解决的核心问题是"如何高效更新界面"。传统开发中数据一变，就要手动操作 DOM；React 则让我们只描述"界面应该长什么样"，由框架负责在数据变化时自动、高效地同步界面。它只负责视图层，可以和各种路由、状态管理库自由搭配。

为什么要学 React

• 应用广泛：国内外大量网站与后台系统基于 React 构建。
• 组件化开发：代码可复用、易维护，适合团队协作。
• 虚拟 DOM：界面更新快，用户体验流畅。
• 生态成熟：路由、状态管理、UI 组件库应有尽有。
• 就业前景好：前端岗位普遍要求掌握 React。

React 的核心特点

特点	说明
组件化	页面由组件拼装而成，粒度可大可小
虚拟 DOM	在内存中比对差异，最小化真实 DOM 操作
JSX	在 JavaScript 中书写类似 HTML 的语法
单向数据流	数据由父组件流向子组件，易于追踪
生态丰富	官方路由、Hook、DevTools 等配套齐全

第一个 React 组件

下面是最小示例（函数组件），可以直观感受 React 的写法：

function Hello() {
  return <h1>你好，React！</h1>; // JSX：看起来像 HTML 的 JavaScript
}

// 通过 createRoot 把组件渲染到 id 为 root 的容器中
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Hello />);

渲染效果：页面上显示一级标题"你好，React！"。

这段代码需要配合 HTML 容器节点与 React 运行环境，具体安装与启动方式见下一节。

React 适合做什么

• 中大型单页应用：后台管理、电商、社交网站。
• 需要频繁交互与实时更新的界面。
• 配合 React Native 开发跨平台移动应用。

小结

React 用组件化思路简化了界面开发：数据驱动视图、更新高效、生态强大。下一节我们安装 Node.js 与 npm，把 React 真正跑起来。