Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
11 contributors

Users who have contributed to this file

@gaearon @tesseralis @lex111 @reactjs-translation-bot @qbahers @M0nica @mgol @laozhu @jennschiffer @QC-L @0xnoob
127 lines (76 sloc) 7.9 KB
id title permalink next redirect_from
getting-started
开始
docs/getting-started.html
add-react-to-a-website.html
docs/
docs/index.html
docs/getting-started-ko-KR.html
docs/getting-started-zh-CN.html
docs/installation.html
download.html
downloads.html
docs/try-react.html
docs/tooling-integration.html
docs/package-management.html
docs/language-tooling.html
docs/environments.html

这是一个 React 文档及相关资源的概览页面。

React 是一个用于构建用户界面的 JavaScript 库。你可以在首页教程中学习什么是 React。


体验 React {#try-react}

React 从诞生之初就是可被逐步采用的,因而你可以按需引入或多或少的 React 特性。不管你是想体验下 React,用它给简单的 HTML 页面增加一点交互,还是要开始一个完全由 React 驱动的复杂应用,该章节内容里的链接都能帮你快速开始。

在线体验 {#online-playgrounds}

如果你对体验 React 感兴趣,可以尝试在线代码编辑器。从 CodePen 或 CodeSandbox 开始一个 React 版本的 Hello World 模版。

如果你喜欢使用自己的文本编辑器,也可以下载这个 HTML 文件,然后编辑文件内容,最后再用浏览器从本地文件系统打开文件,预览页面效果。注意:这个文件中包含一个低效率的运行时代码转换脚本,所以我们推荐仅在简单的演示项目中使用。

在网站中添加 React {#add-react-to-a-website}

你可以立即在 HTML 文件中添加 React,然后选择逐渐拓展它的应用范围,或只在一些动态小部件中使用它。

创建新的 React 应用 {#create-a-new-react-app}

当你刚开始一个 React 应用时,通过 HTML 的 script 标签引入 React 依然是最好的选项,因为这能让你的项目立即启动。

但随着应用越来越大,你可能会需要更加集成化的安装方式。我们推荐了一些 JavaScript 工具链,它们适合大型应用。它们只需很少甚至零配置,就能让你充分利用丰富的 React 生态。

学习 React {#learn-react}

学习 React 的人有着不同的知识背景和学习方式,不管你是理论派还是实践派,我们希望该章节内容对你有帮助。

  • 如果你喜欢边做边学,请从实践教程开始。
  • 如果你喜欢一步步学习概念,请从 Hello World 开始。

和所有新技术一样,React 也有一条学习曲线。但只要多多实践和保有一点点耐心,你终将掌握它。

第一个示例 {#first-examples}

React 首页包含了一些可在线编辑的小示例。即使你对 React 尚一无所知,也可以尝试修改代码,看看结果会怎样。

初学者的 React {#react-for-beginners}

如果你觉得 React 官方文档节奏太快,不太适应,可以先去看看这篇 Tania Rascia 的 React 概览。它以新手友好的方式详细介绍了最重要的 React 概念,看完这篇概览,再回来试试看官方文档吧!

设计师的 React {#react-for-designers}

如果你有设计背景,这些资源是很好的开始。

JavaScript 资源 {#javascript-resources}

阅读 React 官方文档需要对使用 JavaScript 语言编程有一定基础。你不需要是一个 JavaScript 编程专家,但同时学习 React 和 JavaScript 编程将会比较困难。

我们推荐你浏览 JavaScript 概览来评估自己的知识水平。这将花费你大约 30 分钟到 1 个小时,但之后学习 React 你会感觉更加自信。

提示

当你对一些 JavaScript 知识感到疑惑时,MDNjavascript.info 是很棒的资源网站。你也可以去社区支持论坛寻求帮助。

实践教程 {#practical-tutorial}

如果你喜欢边做边学,请参考我们的实践教程。在这篇教程中,我们用 React 构建了一个井字棋游戏。你可能想要跳过这部分,因为你并不是游戏开发者。但请给它一次机会,这篇教程中所涉及的技术是构建任何 React 应用的基础,掌握它们将让你对 React 有更深的理解。

一步步学习指南 {#step-by-step-guide}

如果你喜欢一步步学习概念,我们的 Hello World 是最好的开始。指南里的每一章节都基于前一章节已学的内容,这样一步步过来你不会错过任何知识。

React 哲学 {#thinking-in-react}

很多用户认为阅读 React 哲学是他们最终对 React 恍然大悟的时刻。它可能是最老的 React 教程,但它依然极具价值。

推荐课程 {#recommended-courses}

相比官方文档,有时人们更喜欢第三方的书籍或视频课程。我们维护了一个推荐资源清单,其中有一些资源是免费的。

高级概念 {#advanced-concepts}

一旦你已经熟知 React 的主要概念,并且已经在项目中小试牛刀,你可能会对更高级的话题感兴趣。该章节内容将会介绍一些强大但并不常用的 React 特性,比如:contextrefs

API 参考 {#api-reference}

当你想深入学习特定 React API 细节时,该章节将会变得非常有用。举个例子:React.Component API 参考能够介绍 setState() 方法是如何工作的,以及不同生命周期方法的使用场景。

词汇表与常见问题 {#glossary-and-faq}

词汇表中包含了 React 文档中最常见术语的概览。常见问题章节致力于简短解答一些大家普遍遇到的问题,包括发送 AJAX 请求组件状态以及文件结构 等。

获取最新消息 {#staying-informed}

React 博客是 React 团队发布更新的官方渠道。一切重要的信息,包括:更新日志,废弃通知等,都会首先在这里发布。

你也可以在 Twitter 上关注 @reactjs 账号获取更新,但即使不这样做,仅通过官方博客你也不会错过任何必要的信息。

并非每一个 React 版本都值得我们在博客上发布文章,但你可以在 React 代码仓库中的 CHANGELOG.md 文件更新日志页面找到每个版本的更新日志。

版本化文档 {#versioned-documentation}

官方文档会和最新稳定版的 React 保持同步。从 React 16 开始,你可以在历史版本页面找到老版本的 React 文档。注意,老版本的文档是该版本发布时的快照,并不会持续地更新。

找不到想要的? {#something-missing}

如果你找不到想要的内容或觉得文档某些地方让人疑惑,请移步文档仓库提交 issue 或在 Twitter 上提及 @reactjs 账号。我们期待你的反馈!

You can’t perform that action at this time.