Steroids Form — как создать собственный движок форм для React

Это третья статья из цикла про наш фреймворк Steroids: в ней мы рассказываем о том, как пришли к созданию собственного движка форм для React. Если вы ещё не читали предыдущие материалы, рекомендуем с ними ознакомиться:

https://habr.com/ru/companies/kozhindev/articles/948468/

#фронтенд #фронтендфреймворки #фронтендразработка #react #reactjs #вебразработка #opensource #react_hook_form #formik

Today I ran into an unexpected behavior using #Formik in a #react app.

Some of the fields were conditionally rendered (depending on if it was create or edit mode), and their initial values were unset, but it still set values for those "unrendered" fields.

I believe it's because of the use of a construct like `{isEdit && ( ... )}` meant the Formik field elements were still invoked, but not rendered.

Something to watch out for.

One advantage, other than dead simple validation controls, of switching from #jsonforms to #formik means I have far more control of how the UI works.

#React #ReactJS #forms

What a day… Ended yesterday off with trying to get form level validation working with #jsonforms, this morning I decided it’s a better use of my time to just move over to #formik instead. Took less time to rewrite than it had taken to get half the validations working, and that was a hack at best.

#forms #React #ReactJS

Where's my yesterday day gone? Bug hunting. So much frustrated about this change in #React 18 about Automatic Batching.

https://reactjs.org/blog/2022/03/29/react-v18.html#new-feature-automatic-batching

It breaks #Formik internal state management. And I mistakenly wanted to blame my code for this, but it is not.

https://github.com/jaredpalmer/formik/issues/3602

Well, that's life, when you bet on #OSS frameworks and libraries, I guess. Still very frustrating.