Similarities/differences with Conform

[IHIutch]

I've hardly seen Conform mentioned anywhere, so I'm mentioning it here. Using it with Remix, it is a handy tool and makes server/client form validation a breeze. The API is really straightforward to use. I'm wondering if there have been any ideas around moving toward something similar.

There are a few things that I really like about it, that I think are different from Tanstack Form now:

1. onValidate creates inferences for the form inputs, letting you access field level props like so, making the markup a bit more simple and avoiding some the duplication required by TF (particularly when combined with hooks like getInputProps)

   const schema = z.object({
       email: z.string().email(),
   });
   
   ...
   
   const [form, fields] = useForm({
       lastResult,
       ...
       // Setup client validation
       onValidate({ formData }) {
            return parseWithZod(formData, { schema });
       },
   });
   
   return <input {...getInputProps(fields.email, { type: 'email' })} />;
   

2. parseWithZod makes it incredibly simple to parse payloads and returns them in a straightforward way back to useForm via submission.reply(). Example:

   {
     status: 'error',
     intent: undefined,
     initialValue: { email: 'test' },
     error: {
       email: [ 'Email is required', 'Invalid email' ],
     },
     state: undefined,
     fields: [ 'email' ]
   }
   

3. Passing the form errors back into the form is as simple as adding lastResult from the form action response.

   const lastResult = useActionData<typeof action>();
   const [form] = useForm({
       // Sync the result of last submission
       lastResult,
       ...
   });
   

Of course, there are plenty of moving parts at the moment, especially with TanStack Start. But I wanted to mention Conform because it feels really nice to use and it seems like using something similar where Form and Start meet would be incredibly powerful.

Curious if other folks have had similar thoughts and/or limitations or intentional differences.