Getting Started

此页面是React文档和相关资源的概述.

React is a JavaScript library for building user interfaces. Learn what React is all about on our homepage or in the tutorial.


Try React

从一开始就设计React以便逐步采用, 您可以根据需要使用任意数量的React. 无论您是想体验一下React,在一个简单的HTML页面中添加一些交互性,还是启动一个由React驱动的复杂应用程序,本节中的链接都将帮助您入门.

Online Playgrounds

如果您对使用React感兴趣,可以使用在线代码游乐场. 在CodePenCodeSandboxGlitch上尝试Hello World模板.

如果您喜欢使用自己的文本编辑器,则还可以下载 ,编辑该HTML文件 ,然后从浏览器中的本地文件系统中打开它. 它的运行时代码转换速度很慢,因此我们仅建议将其用于简单的演示.

Add React to a Website

您可以在一分钟内将React添加到HTML页面 . 然后,您可以逐渐扩展其存在,或将其包含在一些动态小部件中.

Create a New React App

启动React项目时, 带有脚本标签简单HTML页面可能仍然是最佳选择. 只需一分钟即可完成设置!

随着应用程序的增长,您可能需要考虑一种更集成的设置. 我们建议大型应用程序使用几种JavaScript工具链 . 它们每个都几乎不需要配置就可以工作,并让您充分利用丰富的React生态系统.

Learn React

人们有不同的背景和不同的学习风格来做出反应. 无论您是偏爱理论还是实践方法,我们都希望本节对您有所帮助.

像任何不熟悉的技术一样,React确实具有学习曲线. 通过实践和一些耐心,您掌握其中的窍门.

First Examples

React主页包含一些带有实时编辑器的小型React示例. 即使您对React还是一无所知,也可以尝试更改其代码,看看它如何影响结果.

React for Beginners

如果您觉得React文档的发展速度快于您的满意程度,请查看Tania Rascia的React概述 . 它以一种对初学者友好的详细方式介绍了最重要的React概念. 完成后,请再次尝试文档!

React for Designers

如果您来自设计背景,那么这些资源是上手的好地方.

JavaScript Resources

React文档假定您熟悉JavaScript语言的编程. 您不必一定是专家,但是同时学习React和JavaScript会更困难.

我们建议您通过以下JavaScript概述来检查您的知识水平. 这将花费您30分钟到一个小时,但是您将对学习React充满信心.

Tip

每当您对JavaScript中的某些内容感到困惑时, MDNjavascript.info都是值得检查的好网站. 在社区支持论坛中 ,您可以寻求帮助.

Practical Tutorial

如果您喜欢边做边学,请查看我们的实用教程 . 在本教程中,我们在React中构建一个井字游戏. 您可能会想跳过它,因为您不是在开发游戏,而是给它机会. 您将在本教程中学习的技术是构建任何 React应用程序的基础,并且掌握它会带给您更深刻的理解.

Step-by-Step Guide

如果您希望逐步学习概念,那么我们的主要概念指南是最好的起点. 下一章中的每一章都基于前几章中介绍的知识,因此您不会错过任何东西.

Thinking in React

当React最终为他们"点击"时,许多React用户都将其视为" React中的思考 ". 它可能是最古老的React演练,但仍然与此相关.

有时,人们发现第三方书籍和视频课程比官方文档更有帮助. 我们维护了一个常用资源列表 ,其中一些是免费的.

Advanced Concepts

一旦您对主要概念感到满意并稍微熟悉一下React,您可能会对更高级的主题感兴趣. 本节将向您介绍功能强大但不常用的React功能,例如contextrefs .

API Reference

当您想了解有关特定React API的更多详细信息时,本文档部分非常有用. 例如, React.Component API参考可以为您提供有关setState()工作方式以及不同的生命周期方法有用的详细信息.

Glossary and FAQ

词汇表概述了您将在React文档中看到的最常用术语. 还有一个FAQ部分,专门讨论有关常见主题的简短问题和答案,包括提出AJAX请求组件状态文件结构 .

Staying Informed

React博客是React团队更新的官方来源. 重要信息,包括发行说明或弃用通知,将首先在此处发布.

您还可以在Twitter上关注@reactjs帐户 ,但是如果您只阅读该博客,则不会错过任何重要内容.

并非每个React版本都应该拥有自己的博客文章,但是您可以在React存储库CHANGELOG.md文件中以及" 发行"页面上找到每个版本的详细CHANGELOG.md日志.

Versioned Documentation

本文档始终反映了React的最新稳定版本. 从React 16开始,您可以在单独的页面上找到旧版本的文档. 请注意,过去版本的文档是在发布时进行快照的,并且不会不断更新.

Something Missing?

如果文档中缺少某些内容,或者您​​发现某些部分令人困惑,请向文档存储库提出问题,并提出改进建议,或通过@reactjs帐户发推文. 我们很高兴收到您的来信!

by  ICOPY.SITE