а хранить кастомную форму по каждому полю в своём сторе, это как изобретать велосипед, потому что имеющиеся в наличии в магазине не подходят по цвету. Слишком много проблем с экшенами, валидациями, условиями всякими.. Вряд ли финансово оправдан такой подход. Хотя, и такое тоже доводилось делась.. всё зависит от задачи конечно же.

react hook form хорош

так и если сделать кастомный объект - результат будет тот же. Поэтому берём формик и каждый элемент формы = свой компонент, который получает value пропсом. И никаких ре-рендеров без необходимости

нет. точечной подпиской можно этого избежать

я не говорю уже о том, что формик использует собственные инпуты под капотом, с которыми тоже не все так просто

бред какой-то)

Внесу свои 5 копеек. Пользуюсь react-hook-form + yup для валидации. Проект с кучей форм, которые по факту представляют бумажные доки (порядка 500-600 документов). либа позволяет внутри формы делать динамические поля + в динамическом поле могут быть другие динамические поля. лишних рендеров нет, много удобных фич

может есть бест практики посмотреть на такие реализации?

всмысле собственные инпуты?) берёшь от формика только работу со значениями и дальше с песней юзаешь свои компоненты как угодно. Например:

<Formik
          initialValues={initialValues}
          onSubmit={doSubmit}
          validate={values => doValidate(values, type)}
        >
          {({
            values,
            handleSubmit,
            isSubmitting,
            handleChange,
            setFieldValue,
            errors,
            submitCount
          }) => {
            return (
              <form onSubmit={handleSubmit}>
 ...

есть какой-то плагин на реакте, когда например,
забыл переключить раскладку клавиатуры, и оно тебе перевело слово?

<Formik
          initialValues={initialValues}
          onSubmit={doSubmit}
          validate={values => doValidate(values, type)}
        >
          {({
            values,
            handleSubmit,
            isSubmitting,
            handleChange,
            setFieldValue,
            errors,
            submitCount
          }) => {
            return (
              <form onSubmit={handleSubmit}>
 ...

ну и как долбанет тебе ререндер на всю форму

а use hook form лучше formik?

не видишь, что у тебя рендер-проп?

дальше каждый элемент поля рендеришь как отдельный компонент и даёшь ему значение

<YourCoolInput value={values.email} onChange={onChange} />

и ничего не перерендеривается. Инфа сотка :)

onChange выше стоит?

прикольно так держать 40 хэндеров в одном компоненте, наверное

поправил кусок выше для наглядности. Прокидывай ф-цию как пропс. Она же ф-ция, че б нет

почему 40 в одном?) один хендлер одного формика. Который принимает name поля и value текущего значения.

а если там где-то массив? где-то дропзона или секция чекбоксов?