O'Reilly logo

Pro React by Cássio de Sousa Antonio

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required