從前端角度看 Monorepo 架構:現代前端專案管理與 AI 協作新思維

MonoRepos

前一期我們提到了後端進行Monorepo的架構設計(現代軟體架構的集權藝術: 將多個 Python 後端整併成 monorepo 架構的實戰心法),而Monorepo不僅僅可以用在後端,也可以用在前端設計,本期就透過前端的角度來看看可以怎麼應用,並且因為設計Monorepo要顧慮到很多問題,我們還可交由Agent幫我們分擔.

在前端,常常會有專案之間需要共用組件或是需要同時管理多個專案的需求,比如一個專案可能會有一個對外的前端網頁跟一個對內的,他們之間可能就會有共用組件、邏輯的需求,如果分成各自的repo各自維護的話,可能就有會有對外的組件更新但對內忘記更新的情況,這種時候就可以採用monorepo的架構。

Loading

Read more

React 拖曳開發指南:dnd kit 實作拖拉表單全紀錄

dndkit

想知道如何用 dnd kit 快速構建互動性極佳的 React 拖拉式表單嗎?這篇實戰教學涵蓋了從環境建置、核心組件應用到拖曳排序的完整流程。透過實際範例程式碼,幫助開發者快速掌握 dnd kit 的使用技巧,避開常見的坑洞,大幅提升前端表單的互動體驗。

Loading

Read more

TypeScript + Zod 入門:前端型別驗證的實務基礎

TypeScript

在現代前端開發中,TypeScript 已成為提升程式可維護性與穩定度的重要工具。本文從 TypeScript 的型別系統出發,說明其在編譯期協助降低型別錯誤的價值,並進一步介紹 Zod 作為 Runtime 驗證工具,用以補足 API 資料在執行期可能產生的風險。透過實際範例示範 TypeScript 與 Zod 在 API 邊界的整合方式,說明如何在資料進入 UI 前完成驗證,建立更可靠的前端型別驗證流程。

Loading

Read more