React

白話文說明

React 由 Meta（Facebook）開發，是目前最多人用的前端框架。它的核心觀念是元件化：把畫面拆成一個個小積木（例如按鈕、卡片、導覽列），每個積木自己管自己的長相與行為，再拼成完整頁面。

元件可以重複使用，也容易各自維護——改一個按鈕元件，全站用到它的地方一起更新。React 生態龐大，幾乎任何需求都找得到對應套件，AI 也最會寫，是學前端很實用的起點。

架構圖

運作流程

只用 React 還不夠

React 只給你畫面這一層，要做出一個真正的網站，還有幾塊得自己補上：

• 路由：決定每個網址該顯示哪個畫面。
• 資料抓取：從伺服器或資料庫把內容載進來。
• 建置設定：把你寫的程式打包成瀏覽器能跑的檔案。

你可以自己挑套件一塊塊接起來，也可以直接用 Next.js 這類把它們整合好的框架，省去拼湊。對新手來說，後面這條路通常輕鬆得多。

重點整理

• React＝用元件（積木）組成畫面的前端框架。
• 生態最大、AI 最會寫，適合互動式應用。
• 它只管畫面，路由與資料常搭配 Next.js 等一起用。