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,下載這個 HTML 頁面。 在你的編輯器和瀏覽器打開它!

建立一個 React 應用程式

如果你想要建立一個 React 應用程式,你可以使用推薦的 framework 來建立一個 React 應用程式

從頭開始建立 React 應用程式

如果框架不適合你的專案,你傾向建立自己的 framework,或者你只是想學習 React 應用程式的基礎知識,那麼你可以從頭開始建立一個 React 應用程式

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

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

Note

Should I use Create React App?

No. Create React App has been deprecated. For more information, see Sunsetting Create React App.

下一步

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