想知道如何用 dnd kit 快速構建互動性極佳的 React 拖拉式表單嗎？這篇實戰教學涵蓋了從環境建置、核心組件應用到拖曳排序的完整流程。透過實際範例程式碼，幫助開發者快速掌握 dnd kit 的使用技巧，避開常見的坑洞，大幅提升前端表單的互動體驗。
Category: 前端應用
TypeScript + Zod 入門：前端型別驗證的實務基礎
在現代前端開發中，TypeScript 已成為提升程式可維護性與穩定度的重要工具。本文從 TypeScript 的型別系統出發，說明其在編譯期協助降低型別錯誤的價值，並進一步介紹 Zod 作為 Runtime 驗證工具，用以補足 API 資料在執行期可能產生的風險。透過實際範例示範 TypeScript 與 Zod 在 API 邊界的整合方式，說明如何在資料進入 UI 前完成驗證，建立更可靠的前端型別驗證流程。
