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