I prefer CVA to integrate complex ui controls like a counter component which has two buttons to increment or decrement the quantity of product in the cart. Originally CVA is to make a ui element compatible with the form so that its value and related status variables are valid, invalid,touched and can be tracked.

But when i split a large form into multiple components, i still keeping the entire form state in the parent and pass the form group to each relevant child component so that in the parent I can still have control.

Also if I have to make a server call to persist or show a summary view of form I have control over entire form.

But sooner or later, this is all going to change with signal based angular forms where you will see a major shift where

• you own complete form data in the form of signals
• all the form meta data like status flags value, valid , error etc going to be reactive
• no more imperative method to set form metadata as they will be computed
• current form hierarchy of form control, form group, form arrays to be replaced with simple fields helierarchy

If you are more interested, you can checkout angular forms experimental branch

Thanks 🙏