首先，React 是一個流行的用於建立 UI 的 JavaScript 庫，特別是對於單頁應用程式。它允許開發人員創建可重複使用的元件並有效地管理其應用程式的狀態。在這篇部落格中，我將詳細介紹設定 React 專案的過程以及更多內容。

先決條件
在進入react或建立react專案之前，你必須安裝以下工具。

1. Node.js：您可以從官網下載最新版本的Node.js：https://nodejs.org/en。
2.程式碼編輯器：您可以使用任何您喜歡的編輯器，我強烈建議使用 VSCode。

如何建立專案

1. 開啟命令提示字元或終端機。
2. 運行以下cmd

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

資料夾結構

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: 儲存專案所需的所有相依性（例如函式庫和套件）的目錄。

2. src: 包含所有 React 應用程式程式碼的原始資料夾。這是您為 React 應用程式編寫元件、樣式和邏輯的地方。

3. package.json： 一個 JSON 文件，其中包含有關您的專案及其所需依賴項的元資料。它管理專案的依賴項、腳本、版本和其他內容。