0040. 了解 react 官方文档的基本结构
1. 📝 概述
- https://react.dev/
- react 官网链接
- 本节对 react 官网的结构做了一个简单的介绍。
- 熟悉 react 官方文档的大体结构是非常有必要的，在学习 react 的过程中，会经常查阅官方文档。
2. 📒 react 官方文档结构简介
- 【1】点击 logo 会跳转到 react 首页。
- 首页提供了 React 的简介信息，包括：
- React 的主要特点
- React 都能用来做什么事儿
- React 有多么受欢迎
- 首页提供了 React 的简介信息，包括：
- 【2】点击 logo 旁边的版本号，可查看 react 的历史版本。
- 这里边包含了一系列的 react 版本。从
v0.3.0 (May 2013)开始一直到目前的最新版。 
- 用于了解每个版本的变更和新特性。
- 🤔 什么时候我们可能会查阅这部分内容呢？
- 当你用到的 react 版本和官方最新版不一致的时候。
- 比如你在看某人的 react 视频教程或者 react 相关书籍等其他 react 学习资料，但是你发现你所看的 react 资料的版本（比如是 react v18）和当前
2025 年 1 月 17 日官网的最新版（react v19）不一致，那么你可能需要查阅旧版本的文档。在这里边你可以切换到之前的任意版本，确保版本的一致性。
- 这里边包含了一系列的 react 版本。从
- 【3】搜索区，可通过
cmd/ctrl K来搜索官方文档中的相关内容。 - 【4】教程区
- 这里边包括一系列逐步指导的教程，帮助初学者从零开始构建 React 应用程序。
- 该教程中介绍的内容涵盖了日常开发中会用到的
80%的知识点。 80%不是乱说的，是官方的原话：
- 实际上在开发 react 项目时，最常用到的知识点确实也就是官方文档提到的这么一些点了。
- How to create and nest components
- How to add markup and styles
- How to display data
- How to render conditions and lists
- How to respond to events and update the screen
- How to share data between components
- 在上手 react 项目之前，掌握这些要点是必要的。
- 【5】参考区：用于查阅的详细的 API 文档。
- 【6】React 开发者社区
- 【7】React 博客：用于发布一些重要通知。
- 【8】主题切换：亮色/暗色
- 【9】语言切换：英文/中文/……
- 【10】github 链接：https://github.com/facebook/react/releases