在前端，我們越來越常把 LLM 當成「介面設計師」：使用者說一句話，畫面就要長出來。這種由模型動態產出介面的做法，被稱為生成式 UI（Generative UI）。它與傳統 chatbot 最大的不同在於：輸出的目標不再只是文字，而是「可渲染的結構」。
Category: 前端應用
從前端角度看 Monorepo 架構：現代前端專案管理與 AI 協作新思維
前一期我們提到了後端進行Monorepo的架構設計(現代軟體架構的集權藝術: 將多個 Python 後端整併成 monorepo 架構的實戰心法)，而Monorepo不僅僅可以用在後端，也可以用在前端設計，本期就透過前端的角度來看看可以怎麼應用，並且因為設計Monorepo要顧慮到很多問題，我們還可交由Agent幫我們分擔．
在前端，常常會有專案之間需要共用組件或是需要同時管理多個專案的需求，比如一個專案可能會有一個對外的前端網頁跟一個對內的，他們之間可能就會有共用組件、邏輯的需求，如果分成各自的repo各自維護的話，可能就有會有對外的組件更新但對內忘記更新的情況，這種時候就可以採用monorepo的架構。
React 拖曳開發指南：dnd kit 實作拖拉表單全紀錄
想知道如何用 dnd kit 快速構建互動性極佳的 React 拖拉式表單嗎？這篇實戰教學涵蓋了從環境建置、核心組件應用到拖曳排序的完整流程。透過實際範例程式碼，幫助開發者快速掌握 dnd kit 的使用技巧，避開常見的坑洞，大幅提升前端表單的互動體驗。
TypeScript + Zod 入門：前端型別驗證的實務基礎
在現代前端開發中，TypeScript 已成為提升程式可維護性與穩定度的重要工具。本文從 TypeScript 的型別系統出發，說明其在編譯期協助降低型別錯誤的價值，並進一步介紹 Zod 作為 Runtime 驗證工具，用以補足 API 資料在執行期可能產生的風險。透過實際範例示範 TypeScript 與 Zod 在 API 邊界的整合方式，說明如何在資料進入 UI 前完成驗證，建立更可靠的前端型別驗證流程。
