Profile React Rendering and Optimize with memo to Leverage Structural Sharing

The UI we’ve build in the previous lessons works fine. But, we can make it way more efficient and we will use the React profiler to analyse our app.

Since parts of the state tree that haven’t changed compared to the previous state, are shared, we can optimize. This lesson uses the “memo” and “useCallback” functions from React to benefit from structural sharing.