O'Reilly logo

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React by Dmitry Sheiko

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Enabling DevTools extensions

I believe that you had no problems when running the last example. Yet, when we need to trace an issue in a React application, it can be tricky, as DevTools shows us what is happening to the real DOM; however, we want to know about the virtual one also. Fortunately, Facebook offers an extension for DevTools called React Developer Tools (http://bit.ly/1dGLkxb).

We will install this extension with electron-devtools-installer (https://www.npmjs.com/package/electron-devtools-installer). This tool supports a number of DevTools extensions including a few React-related: React Developer Tools (REACT_DEVELOPER_TOOLS), Redux DevTools Extension (REDUX_DEVTOOLS), React Perf (REACT_PERF). We will pick only the first one for ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required