鐵人檔案
React做為前端炙手可熱的御三家框架，基於它而發展的生態系套件也非常多，找出適合團隊的技術選型也非常重要。希望能透過撰寫三十天的鐵人賽文章，探索React相關生態系的技術名詞，融會貫通及分析後整理成能夠幫助自己也能幫助他人的技術分享！
說明 當我們想要共享邏輯在兩個 Function 之間時，會提取它成為第三個 Function。 在 React 的世界中，Function Component...
說明 useRef Hook 保存的值，不會因為每次元件 Render 而重新被創造。在初始化後，使用 useRef 回傳出來的物件，會始終指向同一個 Refe...
要介紹 forwardRef 之前，我們要先知道 HOC 這個 React 特有的設計概念。 Higher-Order Component (HOC) High...
useId 說明 為了生成唯一的Id，React 18 後提供了一個新的 Hook => useId const id = useId(); 他的基本原...
Re-Render (重新渲染) 及 Memorize (記住) React 的頁面是由很多個 Component 堆疊而成，在前面的文章可以發現，要讓資料與畫...
說明 React.memo 是用來減少不必要被更新的元件被重新渲染。當父元件的資料狀態被更新時，若子元件相關的 props 沒有因此被更新時，這個子元件就不需被...
為什麼要做狀態管理 在 React 設定 state，會透過 useState 的第二個 setState Function 做處理，但這樣做會造成以下的問題。...
多層級元件的資料傳遞 一層一層的傳遞 props 至需要使用的元件 上層元件要傳給子層元件資料，是用 props 來傳遞，若子層元件有很多層，而最底層元件需要該...
為什麼要用 Redux 當專案中的階層越來越複雜，資料在多層元件之間的傳遞就越來越多，一般使用 props 層層傳遞的方式，但並不是每個元件都需要去使用該 pr...
前情提要 Redux API 重點 - 分別是 Store、Actions、Reducer 前篇介紹了 Store 及 Actions，這篇就來詳細介紹 Re...
