REST API меняется, а форма ломается? Не беда
Вы сделали форму, всё работает, а потом… обновилось API и начался хаос:
❌ надо разобраться, что поменяли на бэке и руками обновляете типы
❌ если не было общей обвязки типами, найти все места в коде, которые требуют обновления
✅ Есть способ проще
Генерировать типы прямо из OpenAPI, использовать их в запросах и React Hook Form и валидировать с Yup. Без боли, надежно и быстро 💯
Как это настроить - читать «Fully typed forms based on API schema with react-hook-form, openapi-typescript and yup validation»
#FrontendBeer #reacthookform #yup #typescript #openapi #codegen (c) Frontend Beer
Вы сделали форму, всё работает, а потом… обновилось API и начался хаос:
❌ надо разобраться, что поменяли на бэке и руками обновляете типы
❌ если не было общей обвязки типами, найти все места в коде, которые требуют обновления
✅ Есть способ проще
Генерировать типы прямо из OpenAPI, использовать их в запросах и React Hook Form и валидировать с Yup. Без боли, надежно и быстро 💯
Как это настроить - читать «Fully typed forms based on API schema with react-hook-form, openapi-typescript and yup validation»
#FrontendBeer #reacthookform #yup #typescript #openapi #codegen (c) Frontend Beer
Medium
Fully typed forms based on API schema with react-hook-form, openapi-typescript and yup validation
Creating fully typed forms in React applications using react-hook-form, openapi-typescript and the yup validation
👏3😢1