iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

從 JS 核心機制到 React 核心原理:30天打造穩固的前端基本功 系列

許多人學 React 時被閉包陷阱、非同步與重新渲染搞得頭昏腦脹,但這些問題的根源幾乎都在對 JavaScript 本身的理解。
這系列從記憶體裡的資料長相開始,一路推到 React 的運作原理。先建立一張記憶體結構圖,用它貫穿型別判斷、相等性、傳值與傳址;再往上疊迭代協定、原型鏈、作用域與閉包、事件迴圈;最後回頭解釋 useState 為什麼沒更新、Hooks 為什麼不能寫在 if 裡、useEffect 為什麼抓到過期的值、key 為什麼不能用 index。中途也會比較 React、Vue、Angular、Svelte、Solid 怎麼解「資料變了畫面怎麼變」。

參賽天數 2 天 | 共 2 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

# Day 1|前端三大框架差在哪

一、面試時講概念、說用途、理思路、優缺點列一遍 講概念保持在一句話,一句話該多長 先回答一個很實際的問題:面試時的「一句話」到底要多長? 有人建議是 15 到...

2026-08-17 ‧ 由 iclaude 分享
DAY 2

Day 2 useState 為什麼沒更新?從 getter 與 Proxy 看 React 的設計選擇

寫 React 的人都問過這三題: // 一、為什麼直接改沒反應? const [user, setUser] = useState({ name: 'Abby...

2026-08-18 ‧ 由 iclaude 分享