2024前端
# React (Next.js)
# 🗒️ 原因
- ** 服务端渲染 (SSR)😗* 提升首屏加载速度和 SEO 优化能力，用户体验更好。
- **React 生态系统成熟:** 拥有丰富的第三方库，社区活跃，易于开发和维护。
- ** 组件化设计:** 便于代码重用和团队协作开发。
- 虚拟 DOM+Fiber 架构: 提高运行效率，实现高效的 DOM 操作。
# Tailwind CSS
# 🗒️ 原因
- 实用程序优先: 通过组合实用程序类构建设计系统，易于自定义样式。
- 高生产力: 无需手写 CSS, 直接在标记中添加实用程序类。
- 高度响应式: 基于移动优先设计，自动生成响应式实用程序。
- ** 高度可配置:** 可通过配置文件定制化实用程序样式。
# Nest.js
# 🗒️ 原因
- TypeScript 支持: 静态类型检查，提高代码可维护性和开发效率。
- 模块化设计: 整洁、可测试、可扩展的应用程序架构。
- 依赖注入: 方便管理模块间依赖关系。
- 适配多种传输层: 支持 HTTP、WebSockets、微服务等。
# Rust
# 🗒️ 原因
- 高性能、低资源占用: 面向系统编程，性能接近 C/C++, 占用资源少。
- 安全性强: 所有权机制和借用检查器，避免了内存安全问题。
- 并发编程友好: 基于所有权的并发模型，不用加锁即可编写线程安全代码。
- WebAssembly: 可编译为 WASM, 在 Web 应用中运行，提升性能。
# GraphQL
# 🗒️ 原因
- 灵活、高效的 API 查询: 根据客户端需求定制数据，减少网络传输开销。
- 强类型系统: 类型安全，客户端可预先知晓 API 结构。
- 实时更新: 订阅机制支持服务端实时向客户端推送数据。
- 生态系统丰富: 工具链成熟，有大量开源库可用。
# Vite
# 🗒️ 原因
- 快速冷启动: 通过预捆绑依赖，冷启动时间大幅缩短。
- 按需编译: 仅编译源码中实际使用的部分，减少编译时间。
- 热模块替换 (HMR) 高效: Vite 中的 HMR 传输引用信息，无需完全重载页面。
- Rollup 打包工具: 输出结果高度优化，资源体积更小。
