#開發

2026年7月2日·技術·visibility0

開發React

閉包陷阱與 useCallback: 為什麼你總是拿到舊值？ React 開發中經常會遇到在閉包函數中列印出舊值的問題。這些問題表面上看像是 React 的坑，實際上，它們是 JavaScript 閉包和 React 按渲染快照工作這兩件事，疊加在一起的結果。

2026年7月2日·隨筆·visibility7

AI開發

別讓 Vibe 變成債：開發者如何在速度與工程責任間找到平衡點？ 在 AI 寫程式已經成為日常的今天，「vibe coding」確實讓開發變得更快、更爽——一句話就能跑起一個功能。問題是：當程式碼要進生產、要長期維護、要有人為系統負責時，速度與可維護性、穩定性、可靠性之間的矛盾開始集中爆發。

2026年6月30日·技術·visibility8

開發React

React Hooks：useEffect 的邊界，哪些邏輯不該寫進去 useEffect 本來是 React 給你的「逃生艙」，用來同步外部系統，結果很多人把它當成了組件內部邏輯的總調度室。先記住一句判斷標準：如果這裡沒有「外部系統」參與，那你通常就不需要 Effect。

2026年6月30日·技術·visibility3

開發React

為什麼 React Hooks 會愈寫愈亂？ 隨著時間推移，許多人使用 React Hooks 的體驗，會從清爽慢慢變得越來越亂。在這篇文章中，我會分析產生混亂的原因，並給出有效的使用指導。

2026年6月23日·技術·visibility4

AI開發

最好的程式碼是沒寫的那一行：聊聊開源外掛 ponytail Ponytail 是一個開源 AI 外掛，讓你的編碼助手像「懶惰資深工程師」那樣思考，用標準庫和現有能力優先解決問題，把多餘的程式碼都省掉。

2026年6月2日·技術·visibility3

開發

第 8 篇：在 blog-demo 中加入 RBAC（讓 Prisma 知道「誰能做什麼」） 這一篇，我們就為 blog-demo 增加一個簡單的 RBAC（基於角色的存取控制）規則。

2026年6月2日·技術·visibility4

開發

第 7 篇：為 blog-demo 接入簡單鑑權（Next.js + Prisma + Auth.js） 這一篇，我們來做三件事：為專案接入一個最小可用的登入系統（Auth.js / NextAuth 風格）；把 blog-demo 的「新建文章 / 發表評論」改成「必須登入才能操作」；在 API Route 裡，從 session 中取得當前使用者 id，取代硬編碼的 authorId。

2026年6月2日·技術·visibility6

開發

第 6 篇：Next.js + Prisma + blog-demo 的全端實戰 前幾篇，我們主要站在「後端視角」用 Prisma 搭建好了 blog-demo 的資料模型和業務鏈路。這一篇，我們把這套模型接到 Next.js 上，做一個最小但完整的「個人部落格後台」。

2026年6月2日·技術·visibility5

開發

第5篇：基於 blog-demo 寫出一條完整業務鏈路（Prisma 進階實踐） 上一篇，我們為 blog-demo 設計了一套關係模型：User / Profile / Post / Comment / Category。它已經可以跑起來了，但是還停留在「結構層面」。這一節，我想換一個角度：不再按「概念」來講，而是按「完整業務鏈路」來講。

2026年6月1日·技術·visibility2

開發

第 4 篇：Prisma 關聯建模與查詢實戰（blog-demo 專案） 從這一篇開始，我們從只有 User 的單表世界，走向有真實業務語意的多表世界：部落格系統 blog-demo。

2026年6月1日·技術·visibility4

開發

第 3 篇：Prisma Schema 全面拆解 這一篇的目標是：把這份 prisma schema 從上到下拆開講清楚——datasource、generator、model、enum、各種屬性都是什麼、怎麼用。

2026年6月1日·技術·visibility3

開發

第 2 篇：用 PostgreSQL 從零打造你的第一個 Prisma 專案 本文中，我們直接從一個真實專案開始：使用 Prisma 7 + Next.js 16.2.2 + PostgreSQL + pnpm，從空目錄走到「能在頁面上看到資料庫裡的第一筆 User 記錄」。

2026年5月29日·技術·visibility10

開發

MVP 不是將就，是一種更聰明的開發順序 MVP（Minimum Viable Product，最小可行產品）這套思維，本質上是幫你用更小的代價驗證一個想法值不值得繼續投入。

2026年5月12日·技術·visibility12

開發React

React Native 0.85：站在新架構上的一次「打磨版」升級 React Native 0.85 發布的時候，官方沒有給出那種「革命性」的宣傳語，因為這次更新本質上是在新架構已經落地的前提下，對動畫、除錯、測試等基礎設施做了一輪系統打磨。

2026年5月3日·技術·visibility7

AI開發

寫給前端工程師的 MCP 入門指南 很多前端工程師第一次接觸 MCP，都會有點懵：名字像協議，內容像 Agent，討論裡又總會出現 Tool、Prompt、Resource、Skill。其實沒必要一開始就把所有術語啃下來，只要先抓住一句話：MCP 是讓 AI 能接工具、拿資料、真的做事的一套標準方式。

2026年5月2日·技術·visibility11

AI開發

code-review-graph：讓 AI 程式碼審查更精準、更節省 Token code-review-graph 是一個面向 AI 編碼助手的開源工具，它會先在本地為程式碼庫建立一張結構化「知識圖譜」，再把真正相關的上下文交給 AI，從而避免每次任務都全量掃描整個倉庫。它基於 Tree-sitter 解析 AST，把函式、類別、匯入、呼叫關係和測試關係組織成圖形結構，再透過 MCP 提供給 Claude Code、Codex、Cursor 等工具使用。

2026年4月26日·技術·visibility15

開發

我使用的 VPS 部署神器 Kamal2 入門指南 現在，我使用的全端框架主要是 Next.js 16 和 Rails 8。透過使用 Rails，我接觸到了官方推薦的部署工具 Kamal。平時用它在 RN 和阿里雲伺服器上部署專案。用起來很順手又簡單，現在我想給大家也介紹一下 Kamal2 的概念和入門使用方法。

2026年4月23日·技術·visibility13

開發

第 1 篇：Prisma 是什麼？ 我們先用一句話概括：Prisma 是針對 TypeScript/JavaScript 的現代 ORM 和資料存取工具鏈。