Write benchmarks for React Final Form

[crutchcorn]

Write benchmarks to show React Final Form usage against HouseForm for performance metrics.

To make it more 1:1, use Zod parseAsync and <Field render={ like this:

     <Field
          name="bio"
          render={({ input, meta }) => (
            <div>
              <label>Bio</label>
              <textarea {...input} />
              {meta.touched && meta.error && <span>{meta.error}</span>}
            </div>
          )}
        />

https://final-form.org/docs/react-final-form/getting-started

https://final-form.org/docs/react-final-form/examples/field-level-validation

https://codesandbox.io/s/wy7z7q5zx5

https://github.com/colinhacks/zod#parseasync

Add the following benchmarks:

https://github.com/crutchcorn/houseform/tree/main/lib/benchmarks

For each of the files:

• initial-render.bench.tsx
• onchange-detection.bench.tsx
• onsubmit.bench.tsx

Then add to this docs file:

https://github.com/crutchcorn/houseform/blob/main/docs/comparison.md

This can be one PR or 4

[chasingtherain]

Hi @crutchcorn

Could you assign this issue to me pls?

Thank you

[chasingtherain]

steps to take:

• import react final form
• create a component for react final form
• add benchmark for react final form