开发新闻:Vue 3.4,Nuxt 3.9和React Server组件分析

Vue3.4带来性能提升,特别是新模板解析器速度提升2倍;ReactServerComponents分析显示其优点与挑战,如大捆包问题。Nuxt3.9支持Vite5和Rollup4,同时Bun修复了内存泄漏和其他问题。
摘要由CSDN通过智能技术生成

Vue更新了一个重写的模板解析器和一个重构的反应性系统,以及对React Server组件的分析

2024年1月6日上午11:00通过 洛琳·劳森

Vue的创建者Evan You发布了Vue的3.4版本,这是一个用于构建用户界面的JavaScript框架。你说这个版本包括“实质性的内部改进”,比如重写的模板解析器和重构的反应性系统。

修改后的模板解析器对于所有大小的模板都快了两倍,You指出。

“以前,Vue使用递归下降解析器,依赖于许多正则表达式和前瞻搜索,”你写道。“The new parser uses a state-machine tokenizer based on the tokenizer in

Vue 3.4中的其他一些变化是:

  • defineModel是一个作为实验特性提供的宏,现在已经稳定了
  • V-bind同名速记功能可用
  • 对水化不匹配错误消息进行了多项改进
  • 错误代码, 生产错误参考页 添加到文档中

完整的更新日志可以在GitHub上找到。

Nuxt 3.9.宣布

Nuxt 3.9在假期期间发布。根据开发人员和Nuxt核心团队负责人丹尼尔罗伊的说法,用于Web开发的开源框架支持Vite 5Rollup 4,并且已经准备好了Vue 3.4。

现在可以“玩”交互式服务器组件,Roe警告说这是一个“高度实验性的更新”。他补充说,这允许开发人员通过使用nuxt-client指令来指定要在服务器组件中进行水合的组件。
在此版本中还添加了:

  • 一种新的粒度加载API
  • 在callOnce中运行单个事件
  • 错误类型

Bun修复错误

Bun周二发布了1.0.21版,修复了33个bug。Bun是一个JavaScript运行时、编译器、transpolar和包管理器。在修复创建者Jared Sumner说,在这个版本中解决:内存泄漏的错误从节点和改进其Node.js的兼容性。

其他变更包括:
·console.table()-现在支持为对象或可迭代对象打印表格的Web API,这对调试很有用。
·bun:sqlite现在提供更详细的错误消息。
·bun:sqlite使用较少的内存。它现在向垃圾收集器报告SQLite的内存使用情况,这会提示垃圾收集器“在必要时更积极地”释放内存,Sumner写道。

iOS上的Copilot

人工智能继续在移动的方面取得进展,正如我们据《边缘报》周日报道,微软最近在iOS和iPadOS上推出了一款Copilot应用程序,这两款应用程序现在都可以从苹果应用商店下载。

该应用程序允许开发人员从OpenAI访问GPT-4,而无需支付订阅费用。此外,该应用程序与DALL-E3集成,允许开发人员从文本创建图像。

开发人员分析React服务器组件的优点和缺点

React服务器组件是去年React开发人员的热门话题,开发人员在采用RSC时不可避免地会发现利弊。开发新闻

考虑到RSC的大肆宣传,看到有人分析它的弱点和优点是令人耳目一新的。Mayank特别关注用户体验以及RSC如何影响用户体验。在“丑陋”部分,他们指出了RSC的捆绑包大小,并指出两年前,带有Pages Router的Next.js 12的基线捆绑包大小约为70 KB压缩。现在,有了Next.js 14和App Router,这个基线是85- 90 KB。

他们写道:“解压缩后,浏览器需要解析和执行近300 KB的JavaScript,只是为了水合一个’hello world’页面。”“并发功能和选择性水合可以帮助优先考虑用户事件,但无助于此基线成本。他们甚至可能也在为这一成本做出贡献,仅仅是因为他们的存在。缓存在某些情况下可以帮助避免重新下载的成本,但浏览器仍然需要解析和执行所有代码。

Mayank补充说,这是一个特别的问题,因为减少捆绑包的大小被认为是React服务器组件的原因之一。

React是“为解决Facebook规模的问题而创建的遗留框架,因此不适合大多数用例,”他们写道。

  • 21
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值