@react-typed-forms/core

!npm

See the documentation here

Install

``npm
npm install @react-typed-forms/core
`



`tsx
import { Finput, notEmpty, useControl } from "@react-typed-forms/core";
import React, { useState } from "react";

interface SimpleForm {
firstName: string;
lastName: string;
}

export default function SimpleExample() {
const formState = useControl(
{ firstName: "", lastName: "" },
{ fields: { lastName: { validator: notEmpty("Required field") } } }
);
const fields = formState.fields;
const [formData, setFormData] = useState();
return (
onSubmit={(e) => {
e.preventDefault();
setFormData(formState.current.value);
}}
>
First Name

Last Name *



{JSON.stringify(formData, undefined, 2)}