9. Behind the Scenes of React & Optimization Opportunities

Activity 9.1: Optimize An Existing App

In this activity, you're handed an existing React app that can be optimized in various places. Your task is to identify optimization opportunities and implement appropriate solutions. Keep in mind that too much optimization can actually lead to a worse result.

Note

You can find the starting code for this activity at https://packt.link/cYqyu. When downloading this code, you'll always download the entire repository. Make sure to then navigate to the subfolder with the starting code (activities/practice-1/starting-code in this case) to use the right code snapshot.

The provided project also uses many features covered in earlier chapters. Take the time to analyze it and understand the provided code. This is a great practice and allows you to see many key concepts in action.

Once you have downloaded the code and run npm install in the project folder (to install...