安裝 React

React 是由 Facebook 所開發的一個流行的 JavaScript 函式庫，旨在幫助開發者建立高效且互動式的網頁應用程式。隨著技術的持續進步，本文將介紹在2025年如何快速安裝 React，並提供最佳實踐和實作範例。

安裝 React 的步驟

步驟 1：安裝 Node.js

首先，您需要安裝 Node.js，這是一個 JavaScript 環境，讓您能在本機執行 JavaScript 程式碼。您可以從 Node.js 官網 下載並安裝最新版本的 Node.js。

步驟 2：建立新的 React 專案

接著，使用 Create React App 來建立新的 React 專案，這是一個官方的 CLI 工具，可以幫助您快速設定 React 環境。在命令列中輸入以下指令：

npx create-react-app my-app

這會在當前目錄下建立一個名為 my-app 的新專案資料夾。

步驟 3：進入專案資料夾並啟動開發伺服器

接下來，進入新專案的資料夾並啟動開發伺服器：

cd my-app
npm start

此時，您的預設瀏覽器應該會自動打開 http://localhost:3000，並顯示您的 React 應用程式。

步驟 4：安裝 React Router（可選）

如果您需要在應用程式中處理路由，建議安裝 React Router。只需在命令列中輸入：

npm install react-router-dom

這樣就可以輕鬆地在您的 React 應用程式中添加路由功能。

常見錯誤排除

在安裝過程中，您可能會遇到一些常見的錯誤，例如：

• npm install 失敗：請檢查您的網路連接，並確保 Node.js 和 npm 已正確安裝。
• 開發伺服器無法啟動：檢查是否有其他應用程式佔用 3000 埠，您可以修改埠號或停止其他應用程式。

總結

安裝 React 並不複雜，只需依照以上步驟，您就能快速建立並啟動 React 應用程式。安裝完成後，您就可以開始使用 React 來開發豐富的網頁應用程式！

Q&A（常見問題解答）

Q1: React 和其他前端框架有什麼不同？

A1: React 專注於建立使用者界面，並使用虛擬 DOM 來提高性能，而其他框架（如 Angular 或 Vue）則提供更全面的解決方案，包括路由和狀態管理。

Q2: 如何在 React 中使用狀態管理？

A2: 您可以使用內建的 useState 和 useReducer hooks，或選擇使用外部庫，如 Redux 或 MobX 來管理應用程式的狀態。

Q3: 是否需要學習 JavaScript 才能使用 React？

A3: 是的，React 是基於 JavaScript 的，因此了解 JavaScript 的基本概念對於學習和使用 React 是非常重要的。

—