React Developer Tools

React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "⚛️ Components" or "⚛️ Profiler" tab.

What is React Developer Tools?

"React Developer Tools" is a Firefox extension designed for developers working with React applications. It integrates directly into the Firefox developer tools, providing a dedicated 'Components' and 'Profiler' tab that lets users examine the component hierarchy, inspect props, state, and context, and analyze the performance of React components. By offering insights into the structure and behavior of React apps without leaving the browser, it's an essential tool for debugging and optimizing React code. The extension is open-source, ensuring transparency and community contribution.

Download

Stats

This add-on was removed from Firefox Browser Add-ons on 2024-05-11

By: React

Users: 188,099

Rating: 4.63 (344)

Version: 5.1.0 (Last updated: 2024-04-23)

Creation date: 2015-09-01

Weekly download count: 3,336

Firefox on Android: No

Risk impact: High risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 2

Permissions:

file:///*
http://*/*
https://*/*
clipboardWrite
scripting
devtools

Size: 2.54M

Stats date:

Other platforms

React Developer Tools (v5.2.0 (5/8/2024))

3.98 (1,522) 4,000,000

React Developer Tools (v5.2.0 (5/8/2024))

4.40 (59) 851,131

Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Firefox Browser Add-ons.

Summary

Analyze keywords

This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.

User reviews

Works nice but my local React app complains "Warning: Extra attributes from the server: data-locale". Disabling this plugin gets rid of the error message in the console.

by Firefox user 18401866, 2024-05-06

by Wo, 2024-04-10

View all user reviews

Safety

Risk impact

React Developer Tools is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this add-on. Review carefully before installing. We recommend that you only install React Developer Tools if you trust the publisher.

Risk likelihood

React Developer Tools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.

Upgrade to see risk analysis details