I Kept Rebuilding Form APIs. So I Finally Built Kin Form.

Описание и применение

Kin Form объединяет управление состоянием форм в админ-порталах, избавляя от дублирования кода и обеспечивая типобезопасность.

Задача

Developers building admin portals repeatedly had to reinvent form APIs across different stacks, leading to inconsistent, UI‑coupled form state management.

Результат

Kin Form unified form state management across multiple admin portals, reducing duplication, improving type safety, and enabling flexible form tree structures independent of UI frameworks.

Рабочий процесс

• 1. Identify the need for a unified form API across multiple projects.
• 2. Extract the form logic from the UI library into a standalone package.
• 3. Design a tree‑based form model inspired by @angular/forms and TanStack Form.
• 4. Implement BaseApi for pub/sub, FieldApi for node state and relationships, and FormApi for form‑level operations.
• 5. Publish the package to JSR and npm, adding bindings for React and Lit.
• 6. Refactor existing portals to use Kin Form, replacing UI‑coupled form logic with the new API.

Доказательства

I kept rebuilding form APIs. So I finally built Kin Form.

Источник

Kin Form is a framework‑agnostic, type‑safe form state library for TypeScript, with bindings for React and Lit.

Источник