
TanStack 发布了TanStack Form的第一个稳定版本,这是一个支持 React、Vue、Angular、Solid 和 Lit 的跨框架表单库。这个新成员与现有的流行表单库如Formik、React Hook Forms或Final Form一样,加入了 TanStack 生态系统。
TanStack Form 支持五个主要的前端框架:React、Vue、Angular、Solid 和 Lit。这与 TanStack 创建无头和框架无关的组件的理念一致。与生态系统中的其他库(如Formik或React Hook Form)比较,TanStack Form 的不同之处在于它从一开始就支持更广泛的 UI 框架。
除了跨框架兼容性,TanStack Form 还支持多个运行时环境,包括移动和服务器端环境,如 React Native 和 NativeScript,以及服务器端渲染环境,如 NextJS 和 TanStack Start。这种广泛的兼容性确保了开发人员可以采用 TanStack 表单,不仅可以不用考虑他们的平台,也不考虑他们的运行时。
总的来说,开发社区似乎对这一声明感到兴奋,然而,即使是该项目的首席开发人员Corbin Crutchley 也在 Reddit 上提到,如果你已经对现有的 React Hook Form 设置感到满意,那么他们不建议你立即迁移:
“顺便说一句,如果你已经对 RHF 很满意了,我不会建议你立即迁移;这是一个由一群有才华的维护者维护得很好的库。即使我们进入了这个领域,它显然也不会消失……”
你可能不想切换,但是 TanStack Form 提供了一流的类型安全性、服务器端渲染(SSR)支持和跨框架一致的 API。
文档中有一个微妙但值得强调的的技术细节,那就是,TanStack Forms在底层使用了信号,更具体地说,是 TanStack Store,它反过来使用信号进行状态管理。信号的架构选择及其细粒度反应性应该可以防止不必要的重新渲染,并最终带来更好的性能,特别是在处理具有复杂验证规则的大型表单时。
对于验证,该库遵循标准模式规范,其中包括 Zod 和 Valibot 等验证库。遵循标准模式规范的好处在于 TanStack Form 不会绑定到单个的验证库上,而是可以支持与标准模式接口一致的广泛的验证库。
TanStack 是一个库集合,用于支持 Web 开发中的常见需求。它由Tanner Linsley创建,始于流行的数据获取库 React Query(现在称为 TanStack Query)。从那时起,这个生态系统已经发展到了包括 TanStack Table、TanStack Router、TanStack Virtual,以及现在的 TanStack Form。这些库在前端社区中被广泛采用,每月下载量达数百万,仅 TanStack Query 目前就有 950 万的周下载量。
开发人员可以在TanStack网站上找到完整的文档,包括详细的入门指南、完整的 API 文档和交互式示例。该项目也是开源的,并托管在GitHub上。
原文链接:
https://www.infoq.com/news/2025/05/tanstack-form-v1-released/
评论