前三篇系列文講的 Fake + MSW + 共用測試 infra,對 Claude Code 這類 AI agent 幫助特別大。整理五個具體優勢:快速回饋、訊號可信、範本可學、refactor 安全、context 省用。
前兩篇講了用 Fake 處理內部 service,但外部 HTTP API 不適用這套。介紹怎麼在 monorepo 裡用 MSW / msw-fetch-mock 做同一份 HTTP mock 從前端測到後端,與 Fake 互補。
在 monorepo 裡,前端、後端、業務邏輯各寫一套 mock 是重複勞動且容易行為不一致。這篇示範怎麼設計共用的 Fake,讓同一份測試替身從 React component 測到 API route 再到 service layer。
介紹依賴注入、Fake 和 in-memory 實作三位一體的測試設計。用 FakeStorageService 的實例說明為什麼 Fake 比 Mock 好維護,以及怎麼寫一個可重用、可信賴的 in-memory Fake。
GitButler 是一個基於 Git 的版本控制介面,支援平行分支、疊加分支、無限復原和 AI 整合。不用切換分支就能同時處理多個任務,拖拉就能完成 commit 管理,專為現代開發工作流程設計。
navigator.clipboard 在本機開發(非 HTTPS)和 iOS Safari 上常常失效。用 clipboard.js 包裝成統一的 Promise 介面,讓 fallback 對呼叫端透明,接到任何框架都一樣用法。
介紹 Overmind 這個 Procfile 流程管理器,整合 tmux 讓每個 process 可以獨立連線、單獨重啟,解決 foreman 的 log 截斷和顏色問題,適合 Rails、全端開發的本機開發環境。
在本機開發環境用 Laravel Valet,卻在瀏覽器看到外部網站(如 analytics.google.com)顯示 Valet 自簽憑證。整理這個問題的完整成因——dnsmasq 洩漏、nginx catch-all、瀏覽器憑證快取——以及逐步排查與修復的方法。
React Compiler 2025 年 10 月 1.0 stable,但 @vitejs/plugin-react v6 同時把內建 Babel 換成 oxc,舊的 react({ babel: {...} }) 寫法在 Vite 8 已經不能用。整理 2026 年正確的安裝流程、ESLint 設定、漸進導入策略。
用 git worktree 避開 stash + branch switch 的切換成本,讓 hotfix、code review、長測試、多個 AI agent 並行跑在同一個 repo。整理常用指令、bare repo 模式,以及 2024–2026 新增的 relative paths 支援。