使用 create-react-app 建立 React 專案時,React + Webpack + Babel 等核心工具都被「打包」成一個前端工程框架,讓開發者可以零設定直接進行開發,因此很多人習慣把 React 與此組合視為一個「框架」。
create-react-app(CRA)是 Facebook 官方推出的 React 專案生成工具,可一鍵建立完整的前端開發環境。
CRA 預設整合了 Webpack(打包工具)、Babel(ES6/JSX 編譯器)、開發伺服器、熱重載、ESLint(語法檢查)等,讓新手和資深工程師都能直接開始寫 React 而不需要手動配置這些工具。
用 CRA 創建的專案本質是 React 函式庫+這些工程化工具的「框架型開發環境」,所以常被稱作「React 框架」。
只需一行指令 npx create-react-app my-app,CRA 會整合安裝 React 與相關依賴、配置好 Webpack 和 Babel,建立好基本目錄與程式碼檔案。
項目架構統一,維護、升級和團隊協作變得更有效率。
大幅簡化前端設置步驟,解決新手入門困難。
讓開發者專注於 React 元件設計與UI邏輯,不受工程工具鏈限制。
總結來說:使用 create-react-app 時,React + Webpack + Babel 就像一個前端「開發框架」;許多工程師因此直接稱 React 這個組合是一個「框架」型工具。使用 create-react-app 建立 React 專案時,React + Webpack + Babel 等工具都被整合包裝成一個前端工程「開發框架」,因此很多人直接稱 React 為「框架」。
create-react-app 是 Facebook 官方推出的 React 懶人包工具,可以用一行指令快速建立標準化的前端開發環境。
CRA 預設會安裝設定好 React、ReactDOM、Webpack(打包)、Babel(編譯)、ESLint(檢查語法)和開發伺服器等,讓工程師不必手動配置工具鏈。
使用 CRA 後,React 應用會以「框架型態」運作,開發者能直接專注撰寫元件邏輯,而不需處理複雜的環境細節。
使用 npx create-react-app my-app 建立專案。
進入目錄,執行 npm start,就能啟動本地開發伺服器,開始撰寫 React 元件與 UI。
為何被稱作「框架」
CRA 預設的專案結構提供一致規範,團隊協作和維護更有效率。
React 在這種使用方式下,和 Vue、Angular 比起來,工程體驗上很接近框架的完整性,因此許多工程師也直接講 React 為「框架」。