Managing and Validating Complex Forms

Sixteen renders for one email address: that is what a controlled input costs when a user types "jane@example.com" into it, one render per character. A test typed the same address into a field managed by React Hook Form and counted zero renders of the form component. For a form with three fields, neither number matters. For a form with forty fields, nested sections, rows the user can add and rules that depend on each other, the way you store and check the values decides how much code you write and how much work React does.