React

React 简介

• 定位：用户界面构建库
• 开发者：Facebook
• 核心范式：组件化 + 声明式编程
• 文档语言：简体中文（zh_CN）

核心特性

适用场景

• 单页应用（SPA）
• 动态交互界面
• 需要组件复用的大型项目
• 与后端框架（如 Node.js、Rails）结合的全栈开发

文档结构（zh-hans.legacy.reactjs.org）

1. 入门指南：快速搭建环境，创建第一个 React 应用
2. 核心概念：JSX、组件、状态、生命周期、事件处理
3. 进阶教程：Context、Refs、高阶组件、Render Props
4. API 参考：React 所有内置 API 的详细说明
5. Hooks 指南：函数组件的状态管理和副作用处理
6. 常见问题：性能优化、测试、无障碍、代码拆分

上手示例

// 一个简单的 React 组件
function Greeting({ name }) {
  return <h1>你好，{name}！</h1>;
}

// 使用组件
ReactDOM.render(
  <Greeting name="用户" />,
  document.getElementById('root')
);

优势总结

• 学习曲线平缓：只需掌握 JavaScript 基础即可开始
• 生态成熟：配套工具链（Create React App、Next.js、Gatsby）
• 社区活跃：海量第三方组件库、教程、解决方案
• 企业级支持：Facebook 持续维护，广泛应用于 Airbnb、Netflix 等平台