3、前端製作
前端 Github 位置
前端使用技術
技術
領域
特點
React
前端開發，專注於 UI 元件的建立和管理
採用虛擬 DOM 提高效能，使用 JSX 語法簡化 UI 開發
Next.js
React 應用開發進階框架
簡化路由、優化效能、改善 SEO，適合開發生產級應用
Tailwind CSS
前端樣式設計
藉由 Tailwind 將 Class Name 進行統一化，提升開發效率，並提高協作時的判讀性
Shadcn UI
前端 UI 元件
提供可自定義、高品質的 React 元件，非典型組件庫，而是可複製到專案中的元件
CVA（Class Variance Authority）
class 管理工具
Tailwind CSS 或任何 CSS-in-JS 環境的 class 管理工具
TypeScript
前端開發
提供型別檢查，改善程式碼品質和開發體驗
Zustand
全域狀態管理
一個小巧簡潔用 TypeScript 撰寫，並藉由 React Hook 的概念來進行全域的狀態管理
ESLint
程式碼品質和一致性管理
識別並修復程式碼中的問題，確保團隊編碼規範一致
Lucide
UI 設計
提供簡潔、一致的 SVG 圖示，適用於現代 web 應用
Jest
單元測試
確保重要功能的 Hook 或是 function ，是否正確
Husky
Git Hook
用來 管理 Git hooks，在特定的 Git 操作（如 commit、push）發生前，自動執行一些自訂腳本
Playwright
端對端測試、 UI 測試
驗證整個應用程式流程和畫面是否正確運作
Last updated