自訂 Hook 的設計與拆分——從複用邏輯到複用心智模型
自訂 Hook 不是把程式碼換個檔案放,而是把一段狀態邏輯重新設計成一個穩定的介面。這篇文章從抽取時機、問題邊界、介面設計三個維度,講清楚什麼才是真正的自訂 Hook,以及什麼時候不該抽。
記錄關於設計、技術與生活的美學思考。透過深入敘述,尋找數位時代的靜謐角落。
自訂 Hook 不是把程式碼換個檔案放,而是把一段狀態邏輯重新設計成一個穩定的介面。這篇文章從抽取時機、問題邊界、介面設計三個維度,講清楚什麼才是真正的自訂 Hook,以及什麼時候不該抽。
useRef:穩定引用的利器與陷阱。 什麼時候它是 React 宣告式模型的合法逃生口,什麼時候它暴露了你架構上的壞味道?這篇講清那條線。
寫 React 時,最容易讓元件發胖的,不是網路請求,也不是動畫,而是「多存了一點狀態」。這篇文章中,我們會從「派生狀態」問題入手,逐步拆解其中的設計問題與解決方式。
React 開發中經常會遇到在閉包函數中列印出舊值的問題。這些問題表面上看像是 React 的坑,實際上,它們是 JavaScript 閉包和 React 按渲染快照工作這兩件事,疊加在一起的結果。
useEffect 本來是 React 給你的「逃生艙」,用來同步外部系統,結果很多人把它當成了組件內部邏輯的總調度室。先記住一句判斷標準:如果這裡沒有「外部系統」參與,那你通常就不需要 Effect。
隨著時間推移,許多人使用 React Hooks 的體驗,會從清爽慢慢變得越來越亂。在這篇文章中,我會分析產生混亂的原因,並給出有效的使用指導。
Ponytail 是一個開源 AI 外掛,讓你的編碼助手像「懶惰資深工程師」那樣思考,用標準庫和現有能力優先解決問題,把多餘的程式碼都省掉。
當工具越來越多,這時候單靠「Vercel AI SDK Tool」這一層,就開始吃力了。這篇文章,我們不急著上 MCP,先把「純 Tool 架構」會遇到的問題攤開來講清楚。
Reasonix 是專為 DeepSeek API 設計的終端 AI 編碼 agent。它不是通用的 AI 助手套殼,而是深度利用了 DeepSeek 的 prefix caching(前綴快取)機制,採用 cache-first 架構,將重複上下文的成本降到極致。
本文將會介紹如何使用 Codex Subagents 從零開發一個產品。你會看到怎麼用多個 agent 分工協作,開發一款可以在瀏覽器裡直接跑的太空射擊遊戲,從設計文件、視覺素材,到測試驗證,全程走一遍。