React 從一開始就被設計成可以逐步採用。你可以根據自己的需要使用更多或更少的 React。不論你想要嘗試 React、在 HTML 頁面中增加一些互動功能,或是開始一個複雜的 React 應用程式,本章節將幫助你入門。

嘗試 React

你不需要安裝任何東西來嘗試 React。試試看編輯這個 sandbox!

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

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

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

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

在本機端嘗試 React

在你的電腦本機端嘗試 React,下載這個 HTML 頁面。 在你的編輯器和瀏覽器打開它!

開始一個新的 React 專案

如果你想要完全使用 React 建立一個應用程式或是網站,開始一個新的 React 專案。

將 React 加入到一個現有的專案

如果你想要在你現有的應用程式或網站嘗試使用 React,將 React 加入到一個現有的專案。

下一步

前往快速入門指南,了解你每天會遇到的 React 重要概念。