React 從一開始就被設計成可以漸進式採用。您可以根據需要使用少量或大量的 React。無論您是想體驗 React、為 HTML 頁面新增一些互動性,還是開始構建一個複雜的 React 應用程式,本節都將幫助您入門。

試用 React

您不需要安裝任何東西即可試用 React。試試編輯這個沙盒!

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

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

您可以直接編輯它,或按右上角的「Fork」按鈕在新分頁中開啟它。

React 文件中的大多數頁面都包含像這樣的沙盒。在 React 文件之外,還有許多線上沙盒支援 React:例如,CodeSandboxStackBlitzCodePen。

在本機試用 React

若要在您的電腦上本機試用 React,請下載此 HTML 頁面。 在您的編輯器和瀏覽器中開啟它!

建立新的 React 專案

如果您想使用 React 構建完整的應用程式或網站,請建立新的 React 專案。

將 React 加入現有專案

如果您想在現有的應用程式或網站中試用 React,請將 React 加入現有專案。

後續步驟

前往快速入門指南,瞭解您每天都會遇到的最重要的 React 概念。