tags: ItIron2023 react 前言 我們昨天看了一個少見的useLayoutEffect的實用例子,很多工具只要正確使用就能發光發熱,但前提是你...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useMemo useMemo useMemo 是 react 裡面一個用來讓 react 記...
tags: ItIron2023 react 前言 昨天我們看了一個誤用useEffect的例子,了解到其實有些東西你不需要靠useEffect也能達成,今天我...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單介紹優化 react 的其中一個方法 - memo memo 前面有提到當狀態改變時 react 會 re-render 整個元件,所...
tags: ItIron2023 react 前言 我們昨天再次看了一個React.memo的錯誤使用例子,你也了解到該如何正確地使用useCallback,我...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單說明如何透過 Render Props 的方法讓父元件決定子元件要顯示的內容。 Render Props 目前為只都分享了如何把畫面拆...
tags: ItIron2023 react 前言 真是沒完沒了是吧!昨天我們繼續看了一個不必要重複渲染的例子,了解到為什麼切context需要謹慎並再次的請出...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單介紹什麼是 custom Hook。 Custom Hook 目前為止都是切分畫面把畫面上的內容拆成小元件做處理,在 react 裡面...
tags: ItIron2023 react 前言 我們前兩天將重點放在React.memo使用上的一些情境與錯誤,接著我們將繼續探討其他造成不必要重複渲染的情...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單介紹 useLayoutEffect。 useLayoutEffect useLayoutEffect 是另一種版本的 useEffe...
tags: ItIron2023 react 前言 我們昨天看了一個不必要re-render造成的效能問題並利用React.memo來解決,到這邊一切相安無事,...
NX 的 React 擴充有提供建立 Module Federation 架構專案的功能,來試試看。 首先簡介一下 Module Federation 架構,相...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...
tags: ItIron2023 react 前言 我們昨天用了一個簡單的例子告訴你useRef在哪些情況能派上用場,那並不會是我們唯一一次與useRef打交道...
這篇文章的主要內容 簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...
tags: ItIron2023 react 前言 昨天我們看了一個常見的race-condition問題並給出了三種主流的解決方案,今天我們放輕鬆一點,看一個...
Astro 的特點之一,就是可以使用各家框架的元件,像是 React, Vue, Svelte 等,能夠將不同來源的元件拼合到一頁上,在 Monorepo 的架...
在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景,接下來我們將會把 React.js 給加入進來,首先簡單介紹一下 React.j...
這篇文章的主要內容 簡單介紹 react forwardRef 跟 useImperativeHandle forwardRef 上一篇介紹的 useRef...
tags: ItIron2023 react 前言 我們昨天看了一個看似useEffect在搞事的問題,雖然說不能與它完全無關,但實際上他確實挺無辜的,真要怪的...
這篇文章的主要內容 簡單介紹 useRef hook 的使用方法 useRef useRef 是 react 裡面除了 useState 以外另外一個用來儲存...
tags: ItIron2023 react 前言 我們昨天看了一個useEffect在沒有處理好dependency array時發生的問題,今天讓我們再看一...
這篇文章的主要內容 簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...
tags: ItIron2023 react 前言 我們昨天看了在渲染陣列時用index作為key的一些隱憂,今天我們輕鬆一點,來看一個相對簡單的問題,但即便是...