mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00

Files

T

Brian Vaughn f74c89b145 Misc improvements based on user feedback from Tim

* Added shadow to modals
* Change default "collapse new nodes" to be disabled rather than enabled
* Changed setting label "Collapse newly added components by default" to "Expand component tree by default"
* Change CSS media query for settings popup to show labels at smaller size
* Hide "Inspect the matching DOM element" button (since it doesnt really serve a purpose in standalone)
* Fixed small size bug for settings icon (viewbox of 20x20 instead of 24x24)
* bugfix: window.addEventListener/window.removeEventListener is not defined in Hermes.

2019-07-24 11:25:11 -07:00

src

Misc improvements based on user feedback from Tim

2019-07-24 11:25:11 -07:00

backend.js

Standalone NPM packages and React Native support (#335 )

2019-07-13 10:05:04 -07:00

package.json

NPM packages 4.0.0-alpha.0 -> 4.0.0-alpha.1

2019-07-22 11:19:53 -07:00

README.md

Updating NPM packages as 4.0.0-alpha.0

2019-07-19 10:09:49 -07:00

standalone.js

Standalone NPM packages and React Native support (#335 )

2019-07-13 10:05:04 -07:00

webpack.backend.js

Standalone NPM packages and React Native support (#335 )

2019-07-13 10:05:04 -07:00

webpack.standalone.js

Standalone NPM packages and React Native support (#335 )

2019-07-13 10:05:04 -07:00

README.md

`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 to 8097) - Websocket will connect to this port.
websocket: Websocket - Custom websocked to use. Overrides host and port settings 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.