17611538698
webmaster@21cto.com

尤雨溪再次成立新公司,同时宣布 Pinia 4 正式发布

动态 0 14 1小时前
图片

21CTO导读:前端专家,Vue作者尤雨溪再度成立新公司,为Vue生态添砖加瓦。

近日,Vue大会正式举行,尤雨溪在会上以嘉宾身份发表了讲话。

与此同一时间段,Pinia团队成员 @Eduardo.vue 在X平台上也发布了最新的动态,宣布Pinia 4.0正式发布。

图片

Pinia v4 版本主要功能更新包括:

  • 只支持标准的纯 ESM 模块
  • 安装体积减肥成功
  • Pinia Colada 官方插件上线


这位被中国开发者呢称为“尤大”的还称尤雨溪自己为了 Vue 自掏腰包,再次成立了一家新的科技公司。

接下来,我们一起来看一下 Pinia 4 的主要更新,以及新公司的一些状况。

Pinia 4 正式发布:架构级升级与生态重塑


与传统大版本更新不同,Pinia 4 在保持 API 层面向下兼容(无破坏性 API 更新)的同时,完成了内部架构与工程细节的全面迭代。

1. 全面拥抱纯 ESM 架构

Pinia 4 的构建产物正式放弃对 Node.js CommonJS(CJS)规范的支持,全面转型为标准的 ESM(ES Modules)模块。这一举措顺应了现代前端工程化生态的演进趋势,有助于提升打包工具的 Tree-shaking 效率,并显著减少依赖层面的隐式开销。

2. 极致的体积优化

得益于代码库的重构与依赖的精简,Pinia 4 的安装包体积(Install Size)降低了 77%。这一优化使得项目的构建构建速度和边缘部署(Edge Computing)场景下的加载性能得到了实质性提升。

3. 基于 nostics 的现代化错误诊断系统

为提升开发调试体验(DX),Pinia 4 集成了全新的错误诊断模块 nostics。传统控制台仅通过 console.warnconsole.error 输出静态文本字符串的模式被彻底替换。

在全新的诊断体系下,终端报错将包含:

  • 精准定位:对应源码文件的绝对/相对路径及行列信息;

  • 错误码映射:标准化 Error Code,便于自动化监控捕捉;

  • 在线纠错索引:可直接点击跳转至官方文档中对应解决方案的 URL 链接。


请注意:nostics 诊断库由 Vercel 实验室主导,Pinia 作者 Posva 以及 VueUse/Vitest 核心维护者 Anthony Fu(antufu)共同参与维护。

源码工程实践:ES2022 Object.hasOwn() 深度重构


在源码实现层面,Pinia 4 完成了一项具有示范意义的现代化重构:全面使用 ES2022 的 Object.hasOwn() 静态方法,全面替代传统的 Object.prototype.hasOwnProperty() 原型方法。

技术演进背后的逻辑


在 ECMAScript 的历史演进中,hasOwnProperty() 存在天然的边缘边界缺陷(Edge Cases):

//场景一:无原型的空对象(Nude Object)const obj = Object.create(null);obj.key = 'value';//报错: Uncaught TypeError: obj.hasOwnProperty is not a functionobj.hasOwnProperty('key');//场景二:原型链拦截与安全隐患const unsafeObj = {hasOwnProperty:()=>false,//覆盖了原型方法foo:'bar"};unsafeObj.hasOwnProperty('foo');// 始终返回 false

为解决上述问题,ES2022 推出了 Object.hasOwn()静态方法。它不仅能安全地处理空原型对象,还具备更优异的执行性能与强鲁棒性:


// 正确且安全的现代语法Object.hasOwn(obj, 'key');       // trueObject.hasOwn(unsafeObj, 'foo'); // true


鉴于 Object.hasOwn() 已于两年前正式通过 Web Baseline 兼容性基线测试,Pinia 4 的这一重构在确保全网泛用兼容性的前提下,显著降低了底层调用的隐式内存消耗与代码维护债务。

Pinia Colada 1.0 正式发布:Vue 生态的异步状态管理利器


除了主库的升级,Pinia 生态的重磅补充——Pinia Colada 1.0 也宣布上线。

作为一款专为 Vue 设计的声明式异步状态管理插件,Pinia Colada 旨在解决复杂数据请求中的模式化代码问题。

尽管社区常将其与 TanStack Query(React Query)相类比,但 Pinia Colada 具备原生生态的独特优势:它是目前唯一深度集成 Vue Router 数据加载器(Data Loaders)的异步请求库

核心特性与架构优势


  • 自动状态解耦:开发者无需手动维护 isLoadingisError 等状态变量,库内部提供了封装良好的响应式接口;

  • 高级请求机制:原生支持数据缓存(Caching)、请求去重(Deduplication)、自动重试以及 SWR(Stale-While-Revalidate)失效重验证策略;

  • 极佳的人体工程学(Ergonomics):极大程度削减了异步数据流转中的冗余模板代码(Boilerplate)。


商业与社区治理:尤雨溪设立“Vue 源码有限公司”


在大会的总结发言环节,尤雨溪透露了一项关乎 Vue 生态可持续发展的重要商业决定:自掏腰包筹建“Vue 源码有限公司(Vue Source Code Limited)”

我们来一起思考其背景与战略考量。


在此之前,尤雨溪为推进 Vite 生态商业化设立的企业 VoidZero 正式接入 Cloudflare 平台。然而,作为商业主体的收购与合作资金并不能直接注入至开源项目 Vue.js 的日常运维中。


当前,Vue 核心架构的诸多重大突破严重依赖专职开源贡献者的全职投入:

  • Vue Vapor(蒸汽模式):由 Edison 负责深度开发;

  • Vue 语言服务与 TypeScript 类型系统:由 Johnson 主导优化;

  • Vue Signals(新型响应式系统):由 Johnson 进行底层验证与设计。

为了保证这些核心成员能够无后顾之忧地进行全职研发,尤雨溪决定以个人出资的形式成立独立公司实体。该实体在运营逻辑上类似于开源基金会,但具备更高效的管理与资源调配灵活性,旨在为 Vue 关键技术的迭代提供稳定、长期的资金保障。

结语


Pinia 4 的底层架构提纯,到 Pinia Colada 1.0 的异步生态补完,再到“Vue 源码公司”在组织架构上的兜底保障,Vue 生态正在经历从“技术驱动”向“技术与工程治理并重”的深度演进。

这一系列举措无疑为 Vue 社区的进一步繁荣奠定了扎实的技术与制度基石。

作者:手扶拖拉斯基

评论

我要赞赏作者

请扫描二维码,使用微信支付哦。

分享到微信