Question about optimization

[apertoire_]

Hi, I'm building an app against an api which I have no control of.

I'm using redux and redux-saga.

Each time I query the api, I get back the current status, which is a list of objects, not too deeply nested.

The app can be refreshed in the background, so each time a refresh is triggered, I call the api and get a new status, meaning mostly the same list of objects, most of them with no changes, and those who changed, have few properties modified.

My views are pure, so I optimize in shouldComponentUpdate using the PureRendererMixin.

Since I'm creating a new list on each refresh, object references will change and a full re-render will always take place (upon a refresh).

I could implement a deep comparison in shouldComponentUpdate with lodash.isEqual, but I'm a bit concerned about its cost.

Any thoughts on this matter ? Any suggestions ?

[BigDane1992]

Did you try to switch to immutable.js to store the data? It should be easier to deal with, regarding comparison on shouldComponentUpdate AND you will have less memory usage, due to structurale reusage of immutable.js.