#REACT
為什麼同一個值要存一份 state、又存一份 ref?latest ref pattern 與值的兩種時間語意
從 stale closure 出發拆解 React 的 latest ref pattern:為什麼同一個值需要 state、ref 兩份,寫入 ref 時機的完整比較,以及官方 useEffectEvent 的定位與限制
為什麼 TanStack Query 的 useQuery 沒有像 mutate 的呼叫型 lazy query API?我可以用 useMutation 讀資料嗎?
從前端和後端同步的心智模型,解釋為什麼用 TanStack Query 「讀資料」有時該用 useMutation
React + TypeScript + SSR:先手寫一次 raw SSR,再進 Next.js
想真的搞懂 React SSR,先用 Vite + react-dom/server 手工串一次 SSR,看清 renderToPipeableStream、hydrateRoot 這些 React 原生 API 在幹嘛,再進到 Next.js 看框架幫助我們什麼。
How to Inspect the Internal Implementation of React by Using Browser DevTools
Note on how to set up your environment and inspect how React works internally by using browser DevTools.
Reading Apollo Client Source Code: useQuery
從 Apollo Client 原始碼拆解 React useQuery 何時發出請求、如何訂閱查詢結果,以及資料更新為何觸發重新算繪。
Develop npm packages locally with ease: explore symlinking, packaging, and third-party tools for smooth local testing.
Compare symlinks, npm package archives, and local publishing tools for developing an npm package in one repository and testing it in another.
How to Use D3 With React
整理在 React 專案使用 D3 的三種整合模式,比較由 D3 操作 DOM、操作虛擬 DOM,以及只使用 D3 計算模組的取捨。
Reading Redux Source Code:深入理解 Redux store 結構與更新機制
透過 Redux 原始碼拆解 store 的結構、dispatch action、reducer 更新與 listener 通知流程,理解嚴格單向資料流實際如何運作。