想讓 React 網站盡可能快速且易於存取嗎？您找對地方了！
React 是開放原始碼程式庫，能讓您更輕鬆地建構 UI。這個學習路徑將說明生態系統中的各種 API 和工具，建議您考慮使用這些 API 和工具，藉此提高應用程式的效能和可用性。
本指南將說明如何設定 React 應用程式並執行。 本節中的其他指南都會探討如何最佳化 React 應用程式的速度或無障礙設計主題。
這種報表有哪些優點？
關於如何建構快速可靠的應用程式，許多內容都說明瞭如何建構快速可靠的 React 應用程式。這些指南會從 React 應用程式的角度，涵蓋以上所有重點，其中只提及 React 生態系統專用的程式庫、API 和功能。
您會學到什麼？
這個學習路徑的教學課程並非著重於：
- 如何使用 React
- React 的運作方式
儘管前述兩種概念都會視需要複習，但本節中的所有指南和程式碼研究室，都會著重於如何建構快速且可存取的 React 網站。因此，必須具備 React 的基本知識。
建立 React 應用程式
如要開始建構 React 應用程式，最簡單的方法就是使用建立 React App (CRA)。它提供預設設定，其中內建許多核心功能，包括一個包含模組套件器 (webpack) 和轉譯器 (Babel) 的建構系統。
在指令列殼層中，您只需執行下列指令即可建立新的應用程式：
npx create-react-app app-name
指令執行完畢後，您就可以使用下列指令前往並執行應用程式：
cd new-app
npm start
下列嵌入顯示新啟動 CRA 應用程式的目錄結構和實際網頁。
CRA 會使用多個設定檔和建構指令碼來設定 Webpack 和 Babel 建構程序，其中包括用於測試的基本 Jest 設定。為了協助使用者簡化作業，這些檔案會處於隱藏狀態，您必須從 CRA 退出後才能存取這些檔案。由於這表示您必須將所有設定檔當做自己的原始碼處理，且會變得難以管理，因此請盡可能避免執行排除動作。
新 CRA 應用程式的目錄結構只包含您實際需要修改的檔案，才能在應用程式上執行。詳情請參閱 CRA 說明文件。
後續步驟
您已瞭解如何開始建構 Create React 應用程式。歡迎參考此學習路徑中的所有指南，瞭解如何改善應用程式的效能和無障礙功能：