extension ExtPose

React Developer Tools

CRX id

fmkadmapgofadopljbjfkapdkoienihi-

Description from extension meta

Adds React debugging tools to the Chrome Developer Tools. Created from revision 2f8f60ca8 on 10/31/2021.

Image from store React Developer Tools
Description from store React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler". The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering. By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on. If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree. The Profiler tab allows you to record performance information. 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.

Latest reviews

  • (2021-10-25) Sheikh Rashed: I' impressed
  • (2021-10-21) Guilherme A: Essa ultima atualização deixou inutilizável. Cheio de bugs e faltam features.
  • (2021-10-13) 迷い綾里: 很好用
  • (2021-10-01) Web Serials: I am using Macbook M1 Air, for some components I am getting a weird issue, the components panel of the devtools on focusing on certain components shows loading (in the pane where state and props are shown) but it never gets loaded no matter how much you wait for
  • (2021-09-30) Ahmed AbdulMajid: that's cool !
  • (2021-09-25) Ricky Lee: Great for debugging React applications. Only the last version (1-sep-2021) doesn't show the line where a console.log was called.
  • (2021-09-25) AMIGO: Тоже с танков?)
  • (2021-09-25) David Alvarez Mazzo: Me gustó. No me esperaba que React tuvieras esta herramienta tan útil.
  • (2021-09-16) Bharath Kumar Murugan: Great tool for debugging React applications.
  • (2021-09-15) 李李旭: 虽然刚入手react,感觉这个和vue相似的还是很方便的
  • (2021-07-14) Andres Mendez: Alguien sabe porque no me aparece la opcion del state en react devtools?
  • (2021-06-24) Md. Kabir Hossain: useful
  • (2021-05-26) Wint Lu: In the latest version 4.13.5 (5/25/2021) seems to have a serious bug: When I use Chrome dev tool > Performance, record some page actions, then check the Timings section, many react component's timing are super wide (seems they are reaching to the far right of the browser edge), I believe it was good before this version, now I just want to switch back to earlier version
  • (2021-05-25) Hesham El Querm: Just one missing feature, state objects are unnamed so you have to figure out according to their order
  • (2021-05-14) cc shen: 在开启工具之后,在React中使用window.addEventListener('message', event => {});会频繁的触发监听事件
  • (2021-05-07) YuChen Wu: new version is not working
  • (2021-05-04) Kesavamuthu M: Helpful in really bad times... cool app
  • (2021-04-25) ayanda marotya: The extension doesn't show my component tree
  • (2021-04-21) Federico Enriquez: Despues de la ultima actualizacion (19/4/21) la opcion de "rendered by" ya no muestra toda la informacion que mostraba antes, siendo esta, como herramienta de trabajo MUY util a la hora de identificar problemas. Dejando eso de lado (muy triste por cierto) es una extension que uso todos los dias en la jornada laboral. Gracias por eso.
  • (2021-04-19) Andrew wang: pretty well
  • (2021-04-18) 石磊: 为什么开发版本无法使用?
  • (2021-04-14) Rida M Rao: how to install older version of it im unable to do that on chrome
  • (2021-03-31) Thinesh Kumar: It was good but having some problems on saving preferences like (themes, display density, etc ..) Can anyone help?
  • (2021-03-29) 陈远景: 为什么我安装完之后调试工具里没出现components?
  • (2021-03-05) Joseane Kipper: ajuda bastante
  • (2021-02-27) KorbShall: it fricked up the dev tools, cant click the exit, select element, or settings button
  • (2021-02-19) Berk Çınar: Dont like the new version
  • (2021-02-15) Prachi Patel: Note: React Dev Tools won't work if the webpage is opened directly from folder. It will work when the website is opened only through the terminal or command prompt.
  • (2021-02-10) HwanSeok Jang: [TIPS] For someone who find ' Highlight updates when components render.' Profile > View Settgins(Not settings.) > General > Highlight updates when components render. Thanks Facebook!!
  • (2021-01-11) FARZAD FARZAD: I absolutely love this extension, however with a few tweaks they could take the dev experience to a completely different level... here are my suggestions:- 1) Be able to pin components in the inspector panel, so didn't need to drill down to the right component again and again on every change as inspector changes 2) Add better support for the Context API, similar to Redux devtools Thanks
  • (2020-12-27) sagar chandra roy: thanks facebook for give us it.
  • (2020-12-27) Raffi Maulana Hadi: Nice extension for developers
  • (2020-12-21) Mufin!: Doesn't show message count for messenger now so it's useless
  • (2020-11-18) Zili Xu: 控制台有错时,页面会偶发花屏。
  • (2020-11-16) 封寒江: DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 能不能解决一下
  • (2020-11-04) Can: disgusting when compared with vue dev tools
  • (2020-11-04) Joshua Malinsky: Can Cause Panic Attacks I use this like clockwork, but the other day, my websites looked totally messed up on two machines/browsers, causing ultimate panic until i disabled this extension and re-installed it. Almost unforgivable.
  • (2020-11-03) chou chou: In 4.9.0 version, component will be loading,can't debug and auto update
  • (2020-10-30) Kacper Kurek: useless
  • (2020-10-22) Juan Pablo Lunardi: Great tool!
  • (2020-10-22) Viki Krisna: Anjay Mantab
  • (2020-10-15) shishir kaji shrestha: Being a developer, I hate to be criticizing react dev tools. It was working fine until it started to not show the states correctly. I got stuck for literally 1 day trying to figure out why my states werenot changing. then came to realise it was changing but it was only the devtool messing around. Once it is fixed i would love to give it 5 star.
  • (2020-10-12) Zain Sadaqat: React Developer Tool is not showing up in Inspects even though i enabled the access to url
  • (2020-09-29) Akash G: good
  • (2020-09-15) Xudong Guan: Note that the development build is not suitable for production. Make sure to use the production build before deployment.
  • (2020-09-06) Stefan Walter: Works great and is very helpful.
  • (2020-08-31) Yash Mishra: baaka baaka bouu
  • (2020-08-28) егор Манжос: очень удобно , спасибо
  • (2020-08-28) 储沨: 最近版本热加载后空白,希望早日修复。 功能很强大,不过现在这bug太严重
  • (2020-08-25) Равиль Туйчин: Must have.

Statistics

Installs
3,000,000 history
Category
Rating
4.1 (1,345 votes)
Last update / version
2021-11-02 / 4.21.0
Listing languages
en

Links