We migrated our web app to React almost 3 years ago, and since React performs extremely well out of the box, optimizing performance was not something we had to worry about. However, as our application grew in features and complexity over the years, the app’s performance wasn’t keeping up as well as we wanted it to.
We profiled our app with various tools, but the one that was the most useful was the React Perf addon. There are many great resources in that link on how to use the tool, so we won’t go over the details here. We measured the wasted rendering performance of navigating to our most used and most complex page. Here is the output of
... read the whole story at flexport.engineering.