[RENDERER] Block unnecessary condition and hide field renders

Scope: Form renderer

Description Based on this discussion: https://github.com/data-driven-forms/react-forms/discussions/1015#discussioncomment-532730 we have found some performance degradations in massive forms (500+ fields). Altough performance in forms like these will be a bit worse, there is still room for improvement.

This effort will reduce the number of renders for some components and look at why the useFieldApi hook is not working properly with subscriptions when using conditions and field arrays.

Thanks, @thecodejack for testing the limits of the renderer.

[Hyperkid123]

Good news. I think I was able to “optimize” the condition rendering triggers. Now we have 1000 (999 have conditions) fields but when we trigger condition, only dependent fields are subjected to re-renders and the condition is still working:

That results in much smoother rendering because it eliminates a lot of renders + the condition evaluation itself.

Edit: here is a preview

[Hyperkid123]

There is one mere performance issue with array fields specifically. So I’m gonna have to take a look at that as well. Plus there might be an issue in wizard forms, but we will test it probably today or tomorrow.