React Hook Form. Какие существуют лучшие практики приведения объектов полученных с бекенда к значениям формы и обратно?
Работаю с react-hook-form + yup и часто сталкиваюсь с задачами манипуляции данными из бекенда при их установке в форму, а также подготовкой данных перед отправкой обратно на сервер. Хотелось бы узнать, какие подходы и практики вы используете в подобных случаях.
Здесь 2 кейса:
- как преобразовывать, нормализировать значения, полученные с бекенда, перед установкой их в качестве дефолтных в форму
- как подготовить значения формы перед отправкой на бекенд. Например если есть инпут, который может быть и нулл и пустой строкой. В этом случае нужно ли отправлять нулл вместо пустой строки? (говорим о случае когда бекенду всё равно отправили мы пустую строку или нулл).
Вопросы
Какие практики, лучшие подходы вы используете для нормализации данных с бекенда перед установкой в форму?
Как лучше всего подготовить и очистить данные перед отправкой их на сервер?
Последнее время использую мапперы в запросах: на получение мапите в нужный для фронта варианта, при отправке - мапите в вариант для бэкенда. Ну и запросы убираем в отдельные файлы. Мапперы от запросов тоже отделяем. А уже в компонентах React Query (кстати можно и в нём маппер вызвать на получение).