今天的目標


認識 React


React 是什麼

在開發前端的時候 HTML, CSS, JavaScript 是不可或缺的,不過當專案需要畫面一旦變多,這三種檔案也會隨之變得複雜,所以就有了 React 的誕生。

React 是 Meta 開發的一個前端 JavaScript Library,它的核心目標是「用更簡單的方法來建立複雜的使用者介面」。

React

Why React

而選擇 React 的根據,可以從前端整個開發演進找到痕跡。在前端眾多開發方法中,最早出現的方式是 jQuery,一個基於 DOM 的開發方式。

jQuery

在前端開發中,DOM 會包含許多不同的元素。若要操作或取得特定元素的狀態,傳統方式需要透過遍歷或逐一查找 DOM 節點。當元素需要更新時,也必須重複這些操作。 而早期最受歡迎的解決方案之一就是 jQuery。它提供了簡潔的選擇器與 API,可以直接用類似 CSS 選擇器的方式找到 DOM 元素,統一且簡化了這些操作,不需要頻繁的處理原生 DOM 方法。

然而,jQuery 也有其限制。當專案規模變大,且需要管理多個元素共享或依賴同一狀態時,jQuery 並沒有提供完善的狀態管理機制,開發者往往需要額外撰寫更多程式碼。這會使得大型專案在維護上變得更加困難。