安装
React 从一开始就被设计为可以被渐进地采用,你可以根据需要或多或少地试用 React。无论你只是想体验一下 React,并为 HTML 页面添加一些交互性,还是创建一个复杂的 React
试用 React
无需安装任何东西就可以试用 React。请试着修改以下代码!
function Greeting({ name }) { return <h1>Hello, {name}</h1>; } export default function App() { return <Greeting name="world" /> }
我们在所有文档中使用代码沙盒(sandbox)作为教学的辅助工具。代码沙盒可以帮助你熟悉 React 的工作原理,并帮助你考察 React 是否适用。除了 React 文档外,还有许多支持 React 的第三方在线代码沙盒,例如: CodeSandbox、Stackblitz 或 CodePen。
在本地试用 React
要在本地计算机上试用 React 的话,请下载此 HTML 页面。然后在编辑中打开并编辑,在浏览器中查看效果。
在页面中添加 React
如果你手头已经有一个能运行的网站了,只想利用 React 添加一点儿功能的话,你可以 利用 script 标签引入 React 文件。
创建一个 React 项目
如果你已经准备利用 React 创建一个独立的项目,那么你可以设置一个最小的工具链,让开发体验更愉快。你还可以使用现成的框架,直接开箱即用。
下一步
从哪里开始学习取决于你喜欢什么样的学习方式、需要完成的目标以及你接下来的打算!为什么不从阅读 Thinking in React(我们的入门教程)开始呢?或者你可以跳转到 描述 UI 章节拿更多示例练练手并一步步地学习每个知识点。记住,没有那种学习 React 的路径是错误的!