Apply What You Learned

With your newly gained knowledge about React's internals and some of the optimization techniques you can employ in order to improve your apps, you can now apply this knowledge in the following activity.

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...