React optimized react app

Wasted renders can affect your React app's performance specially when the components which re-renders without changes in its props and state are complex and expensive to re-draw.

also lazy-loading of components that don't need to be loaded when the app first loads like modals helps user to get response quickly without having to wait for unnecessary components to load.

Final bundle size is much reduced in production mode.

This video demo contains the results of optimizing performance using React Developer Tools profiler and network log.

Code example available here: https://github.com/esraah...