Как перестать копировать формы и построить масштабируемую архитектуру
В enterprise-приложениях формы множатся быстро: create, edit, import, create-from-lead, duplicate — и вот у вас уже шесть копий одной формы, а внутри условный ад из if (mode === …).
О чём статья:
Почему mode prop и giant form component не масштабируются;
Как разделить форму на четыре слоя: presentation, orchestration, context, data source;
Что такое capabilities и почему они лучше условной логики;
Как адаптеры отвязывают форму от source entities;
Куда прятать submit, валидацию и внешний store;
Как тестировать такую архитектуру изолированно.
Примеры на React + TypeScript, но подход применим к любому компонентному UI. Для начинающих и тех, кто уже устал от копипасты в enterprise.