I am looking to build an web application utilizing React/Redux to have multiple widgets (unknown number) displayed on the screen. Widgets may share data with each other, but in most cases the data per widget will be unique.
I was considering using a data array of objects in the Redux state where each entry has a unique specifier telling us what type of data it is. Then in a high level container class I would update the data for each entry in the array as required. The actual widget components would then receive the data via props whenever it changed.
Is this approach considered good practice ?
If anyone has any recommendations, I'd love to hear.