直接答案:React 是用來建造網頁使用者介面的 JavaScript 函式庫:把按鈕、表單、列表等拆成可重用元件來組合畫面。它不是 WordPress 那種「裝完就有後台改稿」的 CMS,也不等於整套生意網站自動完成。對香港中小企而言:內容型官網多數仍應先把訊息、轉換與可維護 CMS 做好;只有當介面真的需要高度互動或產品化,且有前端工程維護能力時,React(常搭配 Next.js)才值得進入方案。
設計稿或開發提案若寫「我們用 React」,有時被當成品質保證。本文說明它實際做甚麼、不做甚麼,以及與 WordPress、Vue、Headless 架構的關係。對照閱讀:甚麼是 Vue.js、Astro/Next.js 與 WordPress、Headless CMS。
React 是甚麼
React 專注在介面層:資料變化時,如何有效更新畫面上的元件。開發者用元件拼出複雜互動,而不是整頁複製貼上 HTML。
- 開源、生態大、工程師人才相對多
- 常見於網頁應用、控制台、高度互動的行銷站區塊
- 通常需要建置步驟(編譯打包)才能上線
它不是甚麼
- 不是現成企業官網範本商店
- 不是內容管理後台(要另接 CMS 或自建)
- 不是自動 SEO 保證(仍要正確渲染、標題、內容與速度)
- 不是「選了就比 WordPress 專業」的貼紙
為甚麼專案會用 React
- 介面狀態複雜:篩選、多步驟表格、即時預覽、儀表板
- 同一設計系統要在多個產品/頁面重用
- 團隊已標準化 React 元件與測試流程
- 要與現代前端框架(如 Next.js)的工程約定對齊
常見搭配:Next.js、API、CMS
實務上很少「只交一個 React 檔案就算整站」。常見組合:
- Next.js + React:處理路由與渲染策略,見Astro/Next.js 對照
- Headless CMS + React:編輯在 CMS 改稿,前端負責呈現,見Headless
- Node.js API + React:後端提供資料,前端顯示,見Node.js
與其他做法的分別
- React vs WordPress 主題:主題路線改稿快、供應商多;React 路線介面彈性高、工程依賴高
- React vs Vue:都是元件化前端;選團隊熟悉者通常勝過選網路聲量
- React vs 「靜態 HTML」:靜態站簡單便宜,但複雜互動與內容工作流要另案處理,見靜態 vs 動態 CMS
何時適合/不適合
較適合
- 產品化網頁、會員區、複雜配置/報價工具
- 有前端工程維護預算與人員
- 已決定 Headless 或多渠道同一套介面元件
通常不必
- 服務型公司標準官網:介紹、案例、表單、文章
- 沒有人能持續維護前端依賴與建置流程
- 只是想在簡報上寫一個新潮名詞
找供應商要問甚麼
- 用純 React,還是 Next.js/其他框架?為何?
- 內容誰更新?CMS 是甚麼?編輯預覽怎麼做?
- SEO 與社交分享預覽如何保證?
- 建置、託管、預覽環境與回滾流程?
- 五年內誰升級依賴?費用如何計算?
下一步
先對齊「要展示內容還是要做應用」。內容優先則從甚麼是 CMS與WordPress Setup想;應用優先再評估 React。現站問題多在轉換與網頁速度時,先申請免費網站診斷或使用免費網頁性能速度測試。