Show HN: GolemUI – Declarative Form Engine
11 days ago
- #Form Implementation
- #Frontend Development
- #UI Frameworks
- 文本介绍了一个在多个前端框架（React、Angular、Lit、Vue）以及原生 JavaScript 中实现的注册表单，还使用了一个 UI 库（Golem UI）。
- 各个实现共有的功能包括：邮箱、密码、账户类型（免费版、专业版、企业版）字段，根据账户类型和订阅状态显示的公司名称和席位数的条件字段，订阅选项，条款接受以及表单验证。
- 验证规则包括：必填字段、邮箱格式、密码最小长度，以及根据账户类型和订阅状态的条件性要求。
- 展示了各框架特定的实现方式：React 使用 react-hook-form，Angular 使用信号和表单验证，Lit 使用手动状态和验证，Vue 使用 vee-validate 配合 yup，原生 JavaScript 则使用 HTML5 验证并辅以自定义逻辑。
- Golem UI 的实现展示了一种声明式的表单定义方式，可在 React、Angular、Lit 和 Vue 中跨框架使用，并保持一致的配置和验证逻辑。