react/packages/react-devtools-extensions
2019-12-20 09:11:37 -08:00
..
.circleci Reorganized things again into packages 2019-08-13 11:37:25 -07:00
chrome DevTools v4.2.1 -> 4.3.0 2019-12-20 09:11:37 -08:00
firefox DevTools v4.2.1 -> 4.3.0 2019-12-20 09:11:37 -08:00
flow-typed Removed unused Chrome Flow types 2019-08-27 10:54:21 -07:00
icons Fixed a bunch of Lint issues 2019-08-13 21:59:07 -07:00
popups Correct link for troubleshooting react-dev-tools (#16690) (#16708) 2019-09-10 13:14:19 -07:00
src Disable "copy to clipboard" and "go to definition" context menu options for Firefox addon (#17668) 2019-12-20 08:31:38 -08:00
build.js Merged changes from 4.0.0 -> 4.0.5 from DevTools fork 2019-08-20 11:34:51 -07:00
deploy.chrome.html Fixed a bunch of Lint issues 2019-08-13 21:59:07 -07:00
deploy.firefox.html Fixed a bunch of Lint issues 2019-08-13 21:59:07 -07:00
deploy.html Merged changes from 4.0.0 -> 4.0.5 from DevTools fork 2019-08-20 11:34:51 -07:00
deploy.js Cleaned up some extnesions build script stuff 2019-08-13 22:15:38 -07:00
main.html Fixed a bunch of Lint issues 2019-08-13 21:59:07 -07:00
package.json Remove dependency on local git checkout from build process (#17475) 2019-11-27 07:48:09 -08:00
panel.html Fixed a bunch of Lint issues 2019-08-13 21:59:07 -07:00
README.md DevTools build script enhancements (#17653) 2019-12-18 14:34:40 -08:00
utils.js Remove dependency on local git checkout from build process (#17475) 2019-11-27 07:48:09 -08:00
webpack.backend.js Remove dependency on local git checkout from build process (#17475) 2019-11-27 07:48:09 -08:00
webpack.config.js Remove dependency on local git checkout from build process (#17475) 2019-11-27 07:48:09 -08:00

This is the source code for the React DevTools browser extension.

Installation

The easiest way to install this extension is as a browser add-on:

Local development

You can also build and install this extension from source.

Prerequisite steps

DevTools depends on local versions of several NPM packages1 also in this workspace. You'll need to either build or download those packages first.

1 Note that at this time, an experimental build is required because DevTools depends on the createRoot API.

Build from source

To build dependencies from source, run the following command from the root of the repository:

yarn build-for-devtools

Download from CI

To use the latest build from CI, run the following command from the root of the repository:

./scripts/release/download-experimental-build.js

Build steps

Once the above packages have been built or downloaded, you can build the extension by running:

cd packages/react-devtools-extensions/

yarn build:chrome # => packages/react-devtools-extensions/chrome/build
yarn run test:chrome # Test Chrome extension

yarn build:firefox # => packages/react-devtools-extensions/firefox/build
yarn run test:firefox # Test Firefox extension