首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
表单状态管理
冲向超级个体
创建于2022-06-07
订阅专栏
调研市面上流行的表单状态管理框架,分析并学习其设计思想。
等 11 人订阅
共8篇文章
创建于2022-06-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
通用 Form API 协议 - 完全版
在《通用 Form API 协议 - 基础版》里挖了个坑,这不现在来填坑了,出了个《通用 Form API 协议 - 完全版》。
通用 Form API 协议 - 基础版
目标:统一所有前端技术栈(React、Vue、甚至 RN)下的表单开发方式,只需要编写符合协议的 JS Object 配置,传入封装好的表单组件即可,即配置化;
Form 组件 API 对比 - AntD vs Element vs Naive
为了更好的理解表单的功能设计,笔者特将国内(比较符合团队使用习惯)流行的 UI 组件库的表单组件 API 设计拿出来对比一下,希望通过比较它们的异同得到一些启发。
Final Form 设计思路浅析
因为 Final Form 的框架无关性,所以先写了一篇《Final Form 跨框架 Demo 对比(JS vs React vs Vue)》进行铺垫,建议先阅读一下这篇文章,可以更好的理解本文。
Final Form 跨框架 Demo 对比(JS vs React vs Vue)
本篇会用同一个「用户注册」的场景,来分别用 JS + HTML、React、Vue3、react-final-form-hooks、vue-final-form 5 种方式实现,以对比其异同。
Formik 设计思路浅析
背景的详细说明可以看《React Hook Form 设计思路浅析》这篇文章的背景部分,简单来说就是为了实现可配置化的表单组件,合理的设计其 API,本篇是对 Formik 设计思路的解析。
React Hook Form 设计思路浅析
为了实现可配置化表单封装,提高中后台系统的研发效率,特研究了 React Hook Form 的 API,以窥探其设计思路,希望能够获得一些灵感。
Form 表单状态管理工具调研
笔者最开始的诉求是提高表单和列表的开发效率(因为主要是中后台项目),无法统一全部的协议,但是至少可以先统一组件层面的协议吧。