Formula is a form management library for React (think Formik, RHF, TanStack Form). It's fully type-safe, performant and has a small footprint.

📖 Read the docs

Usage

npm install @michaelboyles/formula

import { Checkbox, Input, TextArea, useForm } from "@michaelboyles/formula";

function NewBlogPostPage() {
    const form = useForm({
        initialValues: {
            title: "",
            content: "",
            isDraft: false
        },
        submit: post => createNewPost(post)
    });
    return (
        <form onSubmit={form.submit}>
            <Input field={form("title")} />
            <TextArea field={form("content")} />
            <label>
                Draft?
                <Checkbox field={form("isDraft")} />
            </label>
            <button type="submit">Create post</button>
        </form>
    )
}