React was designed from the ground up with performance in mind. It uses several clever techniques to minimize the number of costly DOM operations required to update the UI, but it also provides tools and methods to fine-tune the performance when required.
In this chapter, you will learn how React’s reconciliation process works, how to identify performance bottlenecks with React Perf, and how to use the shouldComponentUpdate lifecycle method in your components to short-circuit the re-rendering process for performance improvements.
How the Reconciliation Process Works
Whenever you change the state of a React component, ...