Vue, react. Стоит ли декомпозировать элементы формы если их много?
В разработке столкнулся с большим обилием инпутов.
Не использую глобальный стейт. ( не моя прихоть )
Все инпуты UI элементы - (уже предусмотрена обработка ошибки, поэтому достаточно прокинуть пропс)
Раздробил форму на несколько этапов. Столкнулся с вопросом реализации.
1. Оставить как есть, поместить инпуты в div, и в зависимости от этапа формы, показывать те или иные поля.
Склоняюсь к этому варианту, удобно валидировать, нет повторения, но компонент громоздкий.
2. Дробить на несколько форм. Из одной передавать данные в другую и в заключительной уже отправлять запрос на сервер. Каждая форма валидирует данные и отправляет в след компонент, только при успешной валидации.
Ну какбэ если поля должны быть на одном экране то 1., если на нескольких шагах то 2.
Если ты именно что выбираешь между опциями, то зачем ты делаешь работу дизайнера?)
В целом - не имеет значения.
P.S. Если получается громоздко - что-то у тебя не так с инпут-элементами. Если тебе приходится им прописывать одно и тоже - сделай обёртку юзающую контекст\provide, в коде не должно быть повторов.
Средний
Простой