React-Sight

Malware Detected

This extension has been flagged as potentially malicious.

Extension Delisted

This extension is no longer available in the official store. Delisted on 2025-09-17.

CRX ID
aalppolilappfakpmdfdkpppdnhpgifn
Status
Minor Policy Violation Removed Long Ago No Privacy Policy
Description from extension meta

Extends the Developer Tools, adding a sidebar that displays React Component Hierarchy.

Image from store
React-Sight
Description from store

A Chrome Developer tool that displays the component hierarchy of React applications - Perfect for your own projects and for learning how organizations structure their own.

After adding React Sight to your browser, you will have a new tab in your Chrome Dev Tools. React Sight will read React's virtual DOM and render an interactive tree diagram of the components rendered on the page. By hovering over the nodes, you can see the components state and props and how they change in real time.

***SET UP***
1. Install React Dev Tools

2. Install React Sight

3. Run your React application, or open (almost!) any website running React!

4. Open Chrome Developer Tools -> Click on React Sight panel

*If you are running local file URLs, make sure to enable "Allow access to file URLs" in the extension settings for both React Dev Tools and React Sight

Be sure to check us out on GitHub and www.reactsight.com!

-----
This has been the side project and & passion of just a few devs. There are some bugs, and it won't work on every application. If it's not working for your project, please send use an email at [email protected] and we'll take a look at how we can make it work!

Thanks for checking out React Sight!

Latest reviews

Jon Seidel 2021-09-24

Completely unusable for me: cratered the response time on my app -- what used to take 1-2 seconds to load now took 25 seconds. Multiple page-wait displays from chrome and high CPU usage.

Dawid Janiga 2021-03-17

This extension causes death loop in React app.

Nícolas Iensen 2021-01-22

I like the concept of the extension. However, it severely degrades the performance of Google Chrome. When I try to access Slack, for example, the web page freezes completely.

Efstratios Bektasiadis 2020-12-01

Makes react application extremely slow and unresponsive. Cant recommend it to anyone... Had myself searching for the problem for 4 hours straight....

Camilo Martinez 2020-10-09

This extension slow down a lot of pages like Notions a Whatsapp web.

André Feijó 2020-09-07

Doesn't work, as everyone else I'm getting the "Cannot find React" error.

John Smith 2020-07-01

Broken, runs an infinite loop.

Anonymous 2020-04-15

I think an intern made this extension, it has bad performance and make the application crash. Perhaps they are mining bitcoin with it? who knows? most likely.

Andreas høj 2020-04-15

Absolutely trash extension - didnt work at all and it made my application lag.

Tung Nguyen 2020-03-22

I installed a bundle of extensions for React.js development. Then, most of web apps that are using React included Messenger, Facebook, Asana, etc... suddenly very laggy after a few words typing or dragging. I thought the bug comes from the app / React dev team or Chrome Beta (Edge Beta with clean install state is ok). However, later I check Yahoo Mail and suddenly detect the performance problem occurs after a few usage. This extension seems blocking the rendering of React runtime. Please fix it soon or decide to deprecated this extension.

Eros Valzasina 2020-02-03

Non funziona (React 16.12.0)

山岚 2019-12-19

It does not take effect after installation. There is always a small picture bouncing when you turn on the react_sight of F12. There is no other effect except for the first time

Tom 2019-12-02

Does not work as per the GH issue.

Sara Kennedy 2019-11-18

Broken and no longer maintained

Kevin Reevers 2019-11-13

It seems the team working on this has gone silent. Doesn't work in recent (16.8) react version.

Vivek N 2019-10-24

It is no longer maintained. and apparently it wont work for latest version of react. https://github.com/React-Sight/React-Sight/issues/134/#issuecomment-465236544

Kenneth Hughes 2019-09-09

Failed. "Cannot find React. Triggering a setState() usually fixes this" Tried navigating to trigger setState(). Tried local and remote sites. Thanks, but uninstalling.

Jinet Jose 2019-05-02

Did "Allow access to file URLs" and refresh and navigations multiple times. Still getting Cannot find React Triggering a setState() ussually fixes this Note: React-Sight works best on local projects with React v15/16 Using React V16.4

James Heazlewood 2019-01-23

It doesn't work on large apps as you get the "Object reference chain is too long" in Chrome. Please add a fix for this, maybe a limit to how far up the object chain it goes and fail gently. I'll do a better review then.

Mark Adamson 2018-11-24

Unfortunately the first view it showed seemed to be zoomed in too far and only showed 3 components. It then froze up as I tried to zoom out and eventually crashed and reloaded

Kris Li 2018-11-16

Not worth to install. I got an error: 'Cannot find React' and there's no solution. This issue was submitted at github on Apr. 23, while it seems no solution was provided.

Naresh Kumar 2018-09-28

For react developers, perfect tool to react :)

Joey Figaro 2018-08-29

Seems to stop working if your components are deeply nested. If you're composing and nesting a lot of components, you might run into the same issue. Extension stopped graphing at a given url's <Route /> with nothing under it. It only managed to show our providers, containers, and routing-related HoCs/components, which wasn't super helpful. Suffered the same issue other folks are reporting with getting it to start showing information.

Ashraf Hadden 2018-08-04

When it works, it's awesome! "Cannot find React" => Checkout https://github.com/React-Sight/React-Sight/issues/134/ (Fixed me in a second). Also don't forget to turn on "Allow access to file URLs" in chrome://extensions/ for both React-Sight and React DevTools

Anonymous 2018-06-15

Getting Error on local react project: Cannot find React Triggering a setState() ussually fixes this

Gabi Wissotzky 2018-01-19

has an error inside and doesn't work

Eric Ho 2018-01-17

Has potential but controls are not usable for large react apps with many nodes. It's very easy to get lost when searching for nodes. I often find myself zooming out but never being able to find my way back to a node because I scrolled too far offscreen. Some recommendations 1) when clicking on a top node link, automatically focus that node in the tree. 2) provide a way like right-click > Inspect, to be able to visually select a node from the rendered page.

Mose Raguzzini 2017-11-23

Not working with react 16

Moeen Basra 2017-11-09

not working with react 16 for sure and rest I can not confirm. good day.

Ian Price 2017-11-07

Too much recursion... Cannot find imported React library And that's on reactsight.com...

Jeremy Quijada 2017-10-25

excelente

Vincent Vuong 2017-10-17

Wow! this is exactly the tool I've been looking for while developing in React! Thank you!!

Brandon Danh 2017-10-17

Very helpful, pretty straightforward to use so far

Helio Alves 2017-10-15

Very interesting approach. Very useful to view what is going on in your apps. It would be nice to allow the screen showing up the tree to scroll horizontally and vertically and keep the right screen fixed to view information of the node.

Joe Power 2017-10-13

message is "too much recursion" . even on empty CRA app

Jeff Yamamoto 2017-10-11

I hope they continue to add more features. I can see potential

Jon Roach 2017-10-11

Great tool for seeing what's going on in your react app. Super easy to install and use.

David Sally 2017-10-10

very useful for debugging my apps!

Statistics

Installs
10,000
Market
Chrome Web Store
Category
-
Rating
2.5 (49 votes)
Last update
2020-04-14
Version 1.3.0
Languages