Question regarding this statement:
Specifically, we are currently passing every prop needed down from the Container level. These props are either defined in the Container or injected via the connect HoC. While this makes organization simple it also means every change or addition of a prop equates to changes to every JSX component in the tree. This gets tiring.
Do you have some kind of solution for this?
I find myself using one container that is connected to Redux store and passing everything to my children. Result of that is a lot of returning in mapStateToProps and mapDispatchToProps.
One logical solution for me is to separate one big container to maybe 2-3 smaller containers for easier tracking of what is imported and connected.
Is there anything else you can advise?
Thanks! :)