A React component tree visualizer

Realize promo image
What is Realize?

Realize is a Firefox add-on by Realize for React. This add-on has 94 daily active users and a poor user rating of 1.00. The latest version,, was updated 3 years ago.

Stats date:
Users: 94 ▲ 4
Rating: 1.00 (1)
Version: (Last updated: 2020-06-17)
Creation date: 2020-06-15
Weekly download count: 12
Firefox on Android: No
Manifest version: 2
  • activeTab
  • <all_urls>
Size: 174.84K
Email: Click to see
URLs: Website
Risk impact: Moderate risk impact
Risk likelihood: Low risk likelihood
Found a bug?

Other platforms

Not available on Chrome
Not available on Edge
As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applications, especially when they are growing in scale and complexity. It currently supports React v.16.8.

1. You must have React Dev Tools installed to use Realize for React. Install it from here.
2. Realize is best used on non-deployed applications. This uglification of deployed websites makes the component structure pretty unreadable.

💻How to use
1. Click the blue 'Add to Firefox' button
2. Once installed, navigate to your React website
3. Open the dev tools window and click on the Realize panel
4. Trigger a state change to populate the component tree
4. Like us on Github

Zoom & Pan - Hold down shift to enable dragging and zooming on the tree (to recenter just click the center button)
See more
Risk impact

Realize requires some risky permissions and may not be safe to use. Exercise caution when installing this add-on. Review carefully before installing.

Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypass your security settings, and access your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Risk likelihood

Realize has earned a fairly good reputation and likely can be trusted.

Risk likelihood measures the probability that a Firefox add-on may turn malicious. This is determined by the publisher and the Firefox add-on reputation on Firefox Browser Add-ons, the amount of time the Firefox add-on has been around, and other signals about the Firefox add-on. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Firefox add-on, especially ones with higher risk impact and/or higher risk likelihood.

Subscribe to the premium plan to see more risk analysis details
User reviews
Extension slows browser down to the point where it cannot run properly (this is on a fast computer)
by Mike, 2021-07-28
View all user reviews