iT邦幫忙

2025 iThome 鐵人賽

DAY 25
0

React 是什麽?

React 是一個由 Facebook 開發的開源 JavaScript 函式庫,專為高效地構建和管理使用者介面(UI)設計,尤其適合單頁應用(Single Page Application,SPA)。

React 的基本特性

React 強調「組件化」開發理念,能夠把複雜的介面拆解成許多獨立且可重用的元件,簡化維護和擴展。每個元件負責自有邏輯和渲染,當數據變化時,React 會高效地更新相應部分的 DOM。

技術與優勢

  • 使用「虛擬 DOM」技術,減少直接操作瀏覽器的真實 DOM,提高頁面效能。
  • 採用「單向數據流」,資料在父元件到子元件流動,讓程式變得可預測又容易除錯。
  • JSX 語法結合 HTML 和 JavaScript,編寫元件直覺清晰。
  • 強大的生態系,具備許多第三方套件可支援路由、狀態管理等進階需求,比如 React Router、Redux。
  • 跨平台能力,除了網頁前端,也可搭配 React Native 開發手機 App。

典型程式範例

下面是一個基本的 React 元件(採用 JSX 語法),會顯示「Hello, world!」:

javascriptimport React from "react";

const Greeting = () => {
return (
<div className="hello_world">
<h1>Hello, world!</h1>
</div>
);
};

export default Greeting;

學習門檻與產業需求

React 在全球前端領域廣泛流行,就業機會多、社群強大、資源豐富。隨著 Hooks 登場,學習難度降低,只要熟悉 JavaScript 函數和現代語法就能上手。

React 不只是函式庫,也能搭配多種工具,成為現代前端開發的核心技術之一。


上一篇
day 24
下一篇
day 26
系列文
玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發28
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言