鐵人檔案
在寫 React 時，常需要把 prop 或 state 印出來嗎？直接 console.log 寫在 component 內，又會因為 re-render 一...
說到計算 render 次數，大家可能一開始想到的便是下面這段扣 const RenderCounter = () => { const render...
先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...
寫了多年的 js ，遇到不熟悉的使用情境大家肯定會先 console.log 一下 曾經在 onChange event handler 中印過 event 是...
我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
在開始之前，先來看看以下的例子 function Example() { const [height, setHeight] = useState(50);...
