React 从诞生之初就是可被渐进式使用的。因此你可以选择性地使用 React 特性。不管你是想体验下 React,用它为简单的 HTML 页面增加交互,还是重新搭建一个由 React 驱动的复杂应用,本章节内容都能帮你快速入门。
In this chapter
尝试 React
无需进行任何安装,即可体验:
function Greeting({ name }) { return <h1>Hello, {name}</h1>; } export default function App() { return <Greeting name="world" /> }
你可以直接对它进行编辑,或点击右上角的 “Fork” 按钮在一个新的标签页中打开。
React 文档中的大部分页面都包含这样的 sandbox。除 React 文档以外,还存在许多支持 React 的在线代码编辑器:例如 CodeSandbox,StackBlitz,或者 CodePen。
本地尝试 React
如果你喜欢使用自己的文本编辑器,也可以 下载这个 HTML 文件,然后编辑修改文件内容,最后直接用浏览器打开。
将 React 添加到已有页面
如果你正在维护一个已有的网站,需要添加少量 React 代码,你可以 使用 script 标签添加 React。
开始一个 React 项目
如果你准备好使用 React 启动一个独立的项目 ,你可以建立一个最小的工具链以获得愉快的开发体验。你也可以从一个框架开始,它为你做了很多开箱即用的设定。
下一节
前往 快速入门 章节。以学习你每天都会遇到且最为重要的 React 概念。