React 从诞生之初就是可被渐进式使用的。因此你可以选择性地使用 React 特性。不管你是想体验下 React,用它为简单的 HTML 页面增加交互,还是重新搭建一个由 React 驱动的复杂应用,本章节内容都能帮你快速入门。

尝试 React

无需进行任何安装,即可体验:

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

你可以直接对它进行编辑,或点击右上角的 “Fork” 按钮在一个新的标签页中打开。

React 文档中的大部分页面都包含这样的 sandbox。除 React 文档以外,还存在许多支持 React 的在线代码编辑器:例如 CodeSandboxStackBlitz,或者 CodePen

本地尝试 React

如果想在电脑本地上进行尝试, 下载这个HTML页面。 然后在你的编辑器和浏览器中打开!

开始一个新的 React 项目

如果你想完全使用 React 建立一个应用或者一个网站, 开始一个新的 React 项目

添加 React 到一个已有的项目

如果你想在一个现有的应用或者网站上尝试 React, 添加 React 到一个现有的项目

下一节

前往 快速入门 章节。以学习你每天都会遇到且最为重要的 React 概念。