Requirements

To improve the performance of BlueRain projects, we need to figure out a way to add component memoization. This means for some components if they are passes same props, again and we expect the same output every time, we don't need to process the render again. We instead return a previous render result, that was cached during the first render.

Approach

The simplest solution at this time seems to be as follows:

• Add a cache or memoize property for each component in registry.
• During component resolution, for every component that has cache (or memoize) property set to ture, just wrap the component in an hoc from one a memoize library (e.g. moize

Not Doing

• Implementing custom memoization logic

Possible Memoize libraries

• moize

Useful Links

• https://medium.com/@planttheidea/memoize-react-components-33377d7ebb6c