2023 年的 10 個前端趨勢
元框架羣雄並起
渲染模式精益求精
Edge Serverless
數據庫復興,Serverless 數據庫
JavaScript 運行時(Node.js、Deno、Bun、Cloudflare Workers)避免重蹈瀏覽器的覆轍,成立 WinterCG
Monorepo 使用率增長
CSS 實用至上,Styled Components、Emotion 一直是 CSS in JS 的主流庫,不過在 SSR 場景下,性能至上。CSS in JS 方案不僅增加包體積(SC 12.7 kb、Emotion 7.9kb),而且還有運行時開銷。開發者會遷移到對性能友好的方案:Tailwind CSS、UnoCSS、CSS Modules、零運行時/編譯時 的 CSS in JS(vanilla-extract,linaria,astroturf,compiled)
使用 TS 保證 E2E 類型安全,爲全棧應用提供各個方面的類型安全解決方案:tRPC、Zod、Prisma、TanStack Router
構建工具的未來 Vite vs Turbopack
AI 驅動開發,GitHub Copilot、ChatGPT
其他
Tauri 是 Electron 的替代品
Playwright 是 Cypress 的替代品
Warp 和 Fig 是下一代終端
CSS Container Queries 是 CSS Media Queries 的替代品
htmx,直接從 HTML 訪問現代瀏覽器功能,而不是使用 JS