mirror of
https://github.com/zebrajr/react.git
synced 2026-01-15 12:15:22 +00:00
7385de9fc2
CSS source maps require the style-loader to use URL.createObjectURL (rather than just a <style> tag). For some reason, this crashes Electron's webview process, which completely breaks the embedded extension inside of Nuclide and other Electron apps. This commit turns (CSS) source maps off for production builds to avoid this crash.
react-devtools-core
A standalone React DevTools implementation.
This is a low-level package. If you're looking for the Electron app you can run, use react-devtools package instead.
API
react-devtools-core
This is similar requiring the react-devtools package, but provides several configurable options. Unlike react-devtools, requiring react-devtools-core doesn't connect immediately but instead exports a function:
const { connectToDevTools } = require("react-devtools-core");
connectToDevTools({
// Config options
});
Run connectToDevTools() in the same context as React to set up a connection to DevTools.
Be sure to run this function before importing e.g. react, react-dom, react-native.
The options object may contain:
host: string(defaults to "localhost") - Websocket will connect to this host.port: number(defaults to8097) - Websocket will connect to this port.websocket: Websocket- Custom websocked to use. Overrideshostandportsettings if provided.resolveNativeStyle: (style: number) => ?Object- Used by the React Native style plug-in.isAppActive: () => boolean- If provided, DevTools will poll this method and wait until it returns true before connecting to React.
react-devtools-core/standalone
Renders the DevTools interface into a DOM node.
require("react-devtools-core/standalone")
.setContentDOMNode(document.getElementById("container"))
.setStatusListener(status => {
// This callback is optional...
})
.startServer(port);
Reference the react-devtools package for a complete integration example.