CHAPTER 7

image

Performance Tuning

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

Get Pro React now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.