鐵人檔案
Why? 跳脫/跨越React因為狀態(state/props)改變而導致畫面的重新渲染、實際操作DOM元素。根據官網描述 有幾種適合使用 ref 的情況：1...
昨天晚上趕稿，可能我的語意表達有點錯誤 要知道ref特別在哪，就要看React 一般的狀態控制，有比較有差別XD，就決定明天來看看state/props囉!...
Why 除了React本身的渲染機制外，畫面被渲染出來前，也會執行一連串符合需求、我們自定義的運算，當元件重新渲染時，我們不希望某些數據被重算，這時我們希望這...
Demo1 CodesandboxDemo2 Codesandbox我們知道影響 React 重新渲染的兩大關鍵 props / state ，當virtual...
demo codesandboxWhy 當 props 是一個callback function 時，React.memo 需要搭配 useCallback...
Why過往，我們為了避免 props 過度傳遞(Prop Drilling)往下太多層， 或是需要跨多個元件，共享資料。我們往往會使用 React Contex...
昨天我們透過 Provider / Consumer 及 useContext ，實現了跨元件的狀態共享。 <ThemeProvider>...
今天是 Web 實驗室的讀書會，聽到一些有趣的分享，還在思考與練習。 先把兩個版本範例程式碼丟上來讓大家一起思考一下，我們明天一起來聽聽大家的答案吧！ 版本一...
版本一 const register = async () => {}; const Card = ({ children, onRegister })...
版本二 const register = async () => {}; const Card = ({ children, onRegister })...
