caijinyc/atomic-form

⚛️ Atom-first, High-performance Form solution

Atomic Form

Atom-first, High-performance Form solution.

Installation

pnpm add @atomic-form/react

This library works with all modern browsers. It does not work with IE.

Usage

import { Field, useForm } from "@atomic-form/react";

function AtomicFormDemo() {
  const form = useForm<{ name: string; age: number }>({initialValue: {name: 'tom', age: 18}})

  return (
    <div>
      <Field form={ form.node('name') }>
        <input/>
      </Field>
      <Field form={ form.node('age') }>
        <input type={'number'}/>
      </Field>
    </div>
  )
}