Introducing the React Profiler

Introducing the React Profiler

Written by jatin | Published 3 years ago

React 16.5 adds support for a new DevTools profiler plugin. This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications. It will be fully compatible with our upcoming time slicing and suspense features.

This blog post covers the following topics:

Profiling an application

DevTools will show a “Profiler” tab for applications that support the new profiling API: