Using React DevTools

Today, we'll look at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental Interaction Tracing API and measuring custom metrics using the User Timing API.

How creating DevTools specific for your own app can improve your productivity.

Learn this very useful tool we absolutely need to install when building a React application.

In this tutorial, I’ll highlight the notable additions to the latest React DevTools release, Version 4 and demonstrate a few ways you can leverage its features to better debug your React apps with it.

With the release of Devtools v4, the inspection powers we as developers have at our fingertips have increased in leaps and bounds. Let’s have a quick look at some of the highlight in the new and shiny Devtools!

React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. It gives you debugging superpowers to navigate through your tree, trace data flow, spot weak links and optimise for perf.

How to use the React DevTools and React's profiling build to properly profile a production app.

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!

In this article, we'll learn how to profile the performance of React apps using React Profiler, and leverage it to discover performance issues.

The React DevTools is under active development, and new features are added all of the time. This article will show you five of those features that you might not have tried out yet, or that you simply didn’t know existed!

We are going to use Chrome Perfomance Tab and new React DevTools Profiler plugin to profile a real application. We will learn how to use these tools to identify rendering problems and make user experience really smooth.

React Dev Tools just came out with an entirely new version! It's now at version 4.0 and it is JAM PACKED with tons of new features!

Learn how to profile your React application and fix performance problems.

This was my first time live streaming. I apologize for the tiny font and for not seeing the messages in chat. I will do better next time! Here are some links to make up for it.

Prototype UI built on top of the new React "Profiler" component.

Prototype UI built on top of the new React "Profiler" component.

This is a quick intro to react devtools.

Walkthrough video of the new built-in themes editor.

Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, New developer convienciences around codemods, And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps.

Nitin Tulswani is a prolific developer and the creator of react-perf-devtool, a library that helps with profiling the performance of your React components since react-addons-perf was deprecated in React 16. In this episode we discuss Nitin's approach to writing code and the motivation behind several of his open source projects.