React教程

React教程 官方入门文档（Getting Started）内容总结

一、文档基础信息

• 官网名称：React教程 中文官方文档（Legacy React Documentation）
• 官网网址：https://zh-hans.legacy.reactjs.org/docs/getting-started.html
• 重要提示：页面顶部明确标注“文档已过时且不再更新”，推荐访问新版文档网址（zh-hans.react.dev）获取最新内容，新版包含采用最新 React 语法的“快速开始”板块及在线示例。

二、核心定位与核心价值

该页面是 React 旧版官方的入门总览页，核心围绕 “帮助开发者快速认识、体验并学习 React” 展开。页面首先明确 React 的本质——一款用于构建用户界面的 JavaScript 库，其核心特性是“可逐步采用”，开发者可根据需求灵活引入功能，无论是给简单 HTML 页面添加交互，还是开发复杂 React 驱动应用，都能找到适配的上手路径，降低框架学习与使用的门槛。

三、核心内容板块

1. 体验 React：多场景上手方式

页面提供三类便捷的 React 体验途径，覆盖不同需求场景：
– 在线体验：推荐 CodePen、CodeSandbox、Stackblitz 等在线代码编辑器，可直接基于 React 版“Hello World”模板开始编写；也可下载 HTML 文件，本地编辑后用浏览器预览（提示：文件含低效率运行时代码转换脚本，仅适合简单演示）。
– 在现有网站中添加 React：支持直接在 HTML 文件中引入 React，逐步拓展应用范围，或仅用于动态小部件开发。
– 创建新 React 应用：初期推荐通过 HTML 的 script 标签快速启动，应用规模扩大后，可切换至官方推荐的 JavaScript 工具链（零配置或低配置），充分利用 React 生态。

2. 学习 React：分路径学习资源

针对不同学习习惯的开发者，页面划分两条核心学习路径：
– 实践派路径：推荐从“实践教程”入手，通过构建井字棋游戏掌握 React 基础技术（强调：教程涉及的技术是所有 React 应用的核心，与是否关注游戏开发无关）。
– 理论派路径：建议从“Hello World”开始，按“核心概念简介”章节逐步学习，章节间循序渐进，避免遗漏关键知识。
同时，页面补充辅助学习资源：如面向新手的 Tania Rascia 编写的 React 概览、面向设计师的专属资源，还提示学习 React 需具备基础 JavaScript 能力，并推荐 JavaScript 概览、MDN、javascript.info 等前置学习与查询工具。

3. 进阶与参考：深度学习资源

• 高级概念：介绍 context、refs 等强大但不常用的 React 特性，供掌握基础后深入学习。
• API 参考：详解特定 React API 细节（如 React.Component、setState() 方法、生命周期方法），满足开发者深入了解功能的需求。
• 术语表与常见问题：梳理 React 常用术语，解答发送 AJAX 请求、组件状态管理、文件结构等高频问题。

4. 信息获取与版本支持

• 获取最新消息：明确 React 博客是官方更新渠道，发布更新日志、废弃通知等重要信息；也可关注 Twitter @reactjs 账号，同时提示代码仓库的 CHANGELOG.md 文件及更新日志页面可查看所有版本的更新记录。
• 版本化文档：从 React 16 起，历史版本页面提供旧版文档快照（不持续更新），方便使用旧版本 React 的开发者查阅。

四、反馈与支持

页面末尾提供反馈渠道，若开发者找不到所需内容或对文档有疑惑，可前往文档仓库提交 issue，或在 Twitter 提及 @reactjs 账号，便于官方优化文档内容。