~/frontend.ts
前端
2026 年 7 月 9 日12 分鐘閱讀
把 React 重新渲染看懂:從 Fiber 到 useMemo 的取捨
很多人一遇到效能問題就狂加 useMemo,結果程式碼越包越醜、bug 反而更多。這篇從 Fiber 協調的本質談起,用實際 profiler 火焰圖帶你判斷「什麼時候該記憶、什麼時候是白費工」,最後整理一份可以貼在牆上的決策清單。
翁威恩
獨立工程師 · 部落格主
很多人一遇到效能問題就狂加 useMemo,結果程式碼越包越醜、bug 反而更多。這篇從 Fiber 協調的本質談起,用實際 profiler 火焰圖帶你判斷「什麼時候該記憶、什麼時候是白費工」,最後整理一份可以貼在牆上的決策清單。
按分類過濾,找到你此刻正在解的那個問題。
快取分層、平行切分、把 Docker build 移到 remote cache。每一步都附上前後數字,沒有玄學,只有 profiling。
Seq Scan 不一定慢,Index Scan 也不一定快。用三個真實慢查詢,教你讀懂 cost、rows 與實際時間的落差。
哪些場景讓我快三倍,哪些讓我默默 debug 半天。一份誠實的、沒有業配的個人使用回顧。
遞迴條件型別很迷人,但團隊看不懂就是負債。談談把型別複雜度控制在「隊友願意維護」的界線。
寫更少的 code、開更多的會、對模糊性負責。這篇寫給正在猶豫要不要接管理職的你。
At-least-once 是常態不是意外。用一個扣款系統當例子,把冪等鍵、去重表與 outbox pattern 講清楚。