Questions tagged [react-devtools]

React Developer Tools lets you inspect the React component hierarchy, including component props and state. It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).

220 questions
1
vote
2 answers

Change old React app to work with React Dev Tools

I am new to React apps so please excuse me if my question has an easy answer. I have spent the last few days with Google and have not found a solution for my question. At my new position, I have been asked to modify a current React app. The short…
davidhartman00
  • 353
  • 4
  • 14
1
vote
4 answers

Webpack production build always returns This page is using the development build of React

I am trying to use webpack-4 to get the production build of react (The project is not created usinf Create React App), but not successful. My project is using typescript and using ts-loader and using the version of React 15.6.2. The current webpack…
1
vote
2 answers

How do you highlight updates in React Dev Tools V4?

EDIT: duplicate of React devtools "highlight updates" missing How do you enable 'highlight updates' in React Devtools V4? This feature in V3 was pretty nice. Is it even still possible in V4? V4 was released Aug 15, 2019
Kevin Wang
  • 644
  • 1
  • 8
  • 20
1
vote
2 answers

How to add "React Performance DevTools" as chrome extension in electron app using package "electron-devtool-installer"

I am trying to add "react-performance-devtool" extension to electron app using electron-devtool-installer. When i tried with one of the mentioned extension in documentation, it is working fine, but with any other extension i am getting error. I am…
1
vote
0 answers

How do you implement React Devtools support for a custom React renderer?

There is no documentation on how to integrate React Devtools into a custom React renderer, and official React renderers such as React DOM and React Native take a bespoke approach to integrating React Devtools that makes studying them difficult (and…
Jamie Birch
  • 5,839
  • 1
  • 46
  • 60
1
vote
0 answers

re-render behaves differently between Chrome's built-in "paint flashing" and Chrome's react dev tools' "highlight updates"

re-rendering area differs in chrome's paint flashing from chrome's react dev tools' highlight updates. Only alarm number should be highlighted. [
cary
  • 148
  • 2
  • 7
1
vote
1 answer

React Dev Tools - Unable to use profiler in Electron application

The React Profiler plugin does not seem to be enabled in React Developer Tools when used with Electron. I have tried the following and have had no success: Bundling the application in developer mode and loading it using the file protocol as opposed…
j.doe
  • 1,214
  • 2
  • 12
  • 28
1
vote
1 answer

React devtools while developing a Microsoft add-in

Is it possible to use React Devtools while building / debugging a Microsoft Add-in? What I've tried: I tried setting up React devtools as a standalone app. npm i -g react-devtools react-devtools Copy