Typing Performance Issues

[lcsjunior]

We recently migrated several formik forms to React Native Web styled with NativeBase.

We consider: https://formik.org/docs/guides/react-native

However, we are encountering typing performance issues.

• We remove all hooks: useField, useFormik and useFormikContext
• We also removed all input componentizations.
• We set: enableReinitialize={false} validateOnBlur={false} validateOnChange={false}
• Tested with FastField.
• Tested with formik v3.

Typing is still slow, more specifically where it has: FieldArray.

[heberuriegas]

+1

[codyng]

I have also experienced with slow performance with Formlik, especially when we are in large form.

Hope the next generation of Formik can solve this issue.

[lcsjunior]

I saw that Formik only works when your code is in pure html. If using with some complex component lib e.g. MUI or NativeBase, the form will stink. Therefore, I advise against React removing the Formik indication from its documentation.

I concluded that it is better not to use any libraries in your forms. Use custom hooks.

[lcsjunior]

Sorry for the rant, but we used Formik with Bootstrap and it gave a false impression that it was a great lib. The project grew, and we switched Bootstrap to React Native Web. The typing problem was the most noticeable and to detect, test and refactor was a great stress.