2024 年前端框架大更新
1.6k
类别: 
开发交流

Vue

Vue的最新版本Vue 3.4包含了多种性能改进。Vue当前还在致力于Vue Vapor的开发,这也是一个以性能为导向的项目。以下是 Vue 更细的一些亮点

  • Vue 3.4 发布:一个完全重写的解析器,速度是原来的两倍,更快的单文件组件(SFC)编译,以及一个重构的响应式系统,提高了重新计算的效率。
  • Vue Vapor 模式:Vue正在开发Vapor模式,这是一种可选的、以性能为导向的编译策略,它与Vue单文件组件协同工作。Vapor模式生成的代码比Vue编译器当前生成的代码性能更高。此外,在所有组件中使用Vapor模式可以消除对Vue虚拟DOM(从而减少打包大小)的需求。
  • Vue 2 达到生命周期终点:尽管 Vue 2 的生命周期在2023年12月31日已经结束,但它仍然保持着广泛的使用。根据统计数据,大约50% 的 Vue npm 包下载量来自 Vue 2

React

随着 React Server Components 的发布,React 为组件开发引入了全新的视角。此后,React团队继续致力于多项创新功能,包括React Compiler和Server Actions等,这些功能不仅扩展了React的能力,还进一步提升了开发者的体验。

  • 服务器组件:React服务器组件实现了数据的服务器端获取和渲染,再流式传输至客户端。这种架构将渲染工作转移到服务器上,显著减少了客户端需要加载的代码量,从而提升了用户体验。
  • 服务器组件:React服务器组件实现了数据的服务器端获取和渲染,再流式传输至客户端。这种架构将渲染工作转移到服务器上,显著减少了客户端需要加载的代码量,从而提升了用户体验。
  • 服务器操作(Server Actions):服务器操作功能使得客户端能够直接调用服务器端函数,省去了手动API调用和复杂的状态管理步骤。这对于处理数据变更、表单提交等任务来说,尤为便捷和高效。
  • 资源加载:React通过声明式API,简化了脚本、样式、字体和图像等资源的预加载和加载过程,使得开发者能够更加轻松地管理这些资源。
  • 离屏渲染:React的离屏渲染功能允许开发者在后台渲染屏幕内容,无需额外的性能开销。这可以视为content-visibility CSS属性的扩展,不仅适用于DOM元素,也支持React组件,为开发者提供了更大的灵活性和性能优化空间。

Nuxt

Nuxt 即将发布Nuxt 4。除了过去一年Nuxt框架频繁发布新版本外,Nuxt模块生态系统也已经增长到近220个模块。Nuxt 的一些最新发展包括:

  • Nuxt 3.x版本发布:Nuxt通常每月发布新的次要版本。这些版本中的一些亮点包括支持Vite 5、仅服务器页面和仅客户端页面、客户端Node.js支持和原生Web流。
  • Nuxt模块:Nuxt模块生态系统中的亮点包括新发布的nuxt/fonts模块,以及nuxt/image和 Nuxt DevTools 的1.0版本发布。即将发布的模块将包括nuxt/scripts、nuxt/hints、nuxt/a11y和nuxt/auth。
  • 服务器端组件(Islands组件):Nuxt继续加强对服务端组件的支持(目前为实验性)。在Nuxt中,这些服务端渲染的组件可以在静态站点中使用,从而实现了 Islands 架构的采用。
标签:
评论 0
/ 1000
0
0
收藏