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,例如 CodeSandbox、StackBlitz 或 CodePen。

在你的電腦本機端嘗試 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 重要概念。