SIGN IN SIGN UP

The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools

0 0 73 JavaScript
# Redux DevTools Integration
We used [@redux-devtools/app](https://github.com/reduxjs/redux-devtools/tree/main/packages/redux-devtools-app) and made the API same with [Redux DevTools Extension](https://github.com/reduxjs/redux-devtools/tree/main/extension).
If you've enabled `Debug JS remotely` with React Native Debugger, the following API is already included in global:
v0.8.0 (#266) * Implement root config file in home directory (#165) * Add handle for read root config * Add openConfigFile method use for application menu * Add `Open config file` appliciation menu item * Comment window size in config template * Apply windowBounds, autoUpdate config * Apply defaultRNPakcagerPorts, defaultNetworkInspect config * Apply editor, defaultReactDevToolsTheme config * Use zoomLevel instead of fontSize * Add comment for defaultNetworkInspect config * Update test snapshot * Don't set EDITOR env if no config.editor * Show error message if config parse failed * Apply fontFamily, showAllDevToolsTab config * Update config template * Add documentation for config file * Comment fontFamily in config template * fix typos (#182) * Changed the type you're to you've (#185) * Remove Code Sponsor link * Add Open Collective links * Fix badges separation in README * Update docs/react-devtools-integration.md * Improve English (#193) The previous message was not grammatically correct. * Added support rndebugger-open for RN >= 0.53.0 (#198) * [NPM package] v0.3.16 * Update travis script * Update to node 9 on travis * Revert "Update travis script" This reverts commit 7593608966c643faedebe0595a70f6920963f88a. * Fix` rndebugger-open` injection with RN >= 0.53 again (#202) * Fix rndebugger-open inject with RN >= 0.53 again * Update snapshots * [NPM package] v0.3.17 * Fixed typo (#204) * fix grammatical improvements / add clarity to the network inspect docs. (#207) Also fixed a broken internal link to these docs from debugger integration * Add Delta patcher from react-native * Check Delta support on executeApplicationScript * Clear logs when check Delta support finished * Update check Delta support * E2E Test: Support file:// for fetch only on test * E2E test: Update expected logs * Update deltaUrlToBlobUrl.js from upstream * Add Open Collective link in Help * Update dependencies * v0.7.14 * Fix prod bundle by downgrade uglifyjs-webpack-plugin * v0.7.15 * Fix auto_updater.json * Check if Delta Bundler available (#215) * Check if Delta bundler available * Update E2E test * Clear logs even if no error catched * Fix Blob error for use `fetch` if Network Inspect enabled (#217) * Patch fetch code on applyDelta * Disable `support.blob` in `whatwg-fetch` for use native XMLHttpRequest * Don't check fetch code if it already patched * Check only if map type is delta * Update regex pattern * v0.7.16 * Send `callFunctionReturnFlushedQueue` event after waiting application script executed (#219) * Send `callFunctionReturnFlushedQueue` event after waiting application script executed * Fix lint error * Check scriptExecuted first * Toggle network inspect after define `support` var on patchFetchPolyfill (#220) * v0.7.17 * [update] Improve dialog wording slightly. (#221) * Ensure the initial script of `whatwg-fetch` is executed related to #209 * Patch all `whatwg-fetch` packages related to #209 * v0.7.18 * Fix error of blob function not found in whatwg-fetch with Network Inspect enabled * Fix typos (#238) * Update debugger from upstream (#240) * Update debugger from upstream https://github.com/facebook/react-native/commit/e5aa5b7c508c5e0e51f7abfcee350e27bef24ba2 * Upgrade Expo / RN versions in examples * Fix lint error * Fix worker didnt post message if checkDeltaAvailable failed * Remove unnecessary waitingScriptExecuted * set global.Blob to global.originalBlob before deleting global.Blob for rn > 0.54 compatability (#246) * Fix context menu functions for RN 0.56 (#247) * Fix patchFetchPolyfill for compatible RN 0.56 * Fix required modules of RNDebugger functions on RN 0.56 * Update docs/network-inspect-of-chrome-devtools.md * Update docs/debugger-integration.md * Update test fixture * Add more comments about Network Inspect manually setup * Lookup for react-native implementation * Assign global.$reactNative for make debug easier * Detect metroRequire for RN 0.56 * Update docs/debugger-integration.md * Bump electron version to 1.7.15 * Add the recently changes from redux-devtools-extension (#248) * Bump redux-devtools-instrument to v1.9 * Add actionCreators option for connect API * Update dependencies also downgrade redux to v3.7.2 because remotedev-app still using * Fix lint errors * v0.7.19 * Fix buildTestBundle of E2E tests * Fix ref issue of Draggable related to #250 * v0.7.20 * Update auto_updater.json * Fixes typo (#258) * update react-devtools-core for supporting react-profiler (#262) * Fix context menu functions on RN 0.57 (#263) * Use __r from RN >= 0.57 as metro require in debugger worker * Fix patchFetchPolyfill for RN 0.57 * Update docs/react-devtools-integration.md * v0.8.0
2018-09-29 18:32:42 +08:00
- `window.__REDUX_DEVTOOLS_EXTENSION__`
- `window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__`
- `window.__REDUX_DEVTOOLS_EXTENSION__.connect`
- You can just use [`redux-devtools-extension`](https://www.npmjs.com/package/redux-devtools-extension) npm package.
See also:
- [Redux DevTools main repository]](https://github.com/reduxjs/redux-devtools/blob/main/README.md)
- [API Reference](https://github.com/reduxjs/redux-devtools/tree/main/extension/docs/API)
- [Troubleshooting](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Troubleshooting.md)
v0.8.0 (#266) * Implement root config file in home directory (#165) * Add handle for read root config * Add openConfigFile method use for application menu * Add `Open config file` appliciation menu item * Comment window size in config template * Apply windowBounds, autoUpdate config * Apply defaultRNPakcagerPorts, defaultNetworkInspect config * Apply editor, defaultReactDevToolsTheme config * Use zoomLevel instead of fontSize * Add comment for defaultNetworkInspect config * Update test snapshot * Don't set EDITOR env if no config.editor * Show error message if config parse failed * Apply fontFamily, showAllDevToolsTab config * Update config template * Add documentation for config file * Comment fontFamily in config template * fix typos (#182) * Changed the type you're to you've (#185) * Remove Code Sponsor link * Add Open Collective links * Fix badges separation in README * Update docs/react-devtools-integration.md * Improve English (#193) The previous message was not grammatically correct. * Added support rndebugger-open for RN >= 0.53.0 (#198) * [NPM package] v0.3.16 * Update travis script * Update to node 9 on travis * Revert "Update travis script" This reverts commit 7593608966c643faedebe0595a70f6920963f88a. * Fix` rndebugger-open` injection with RN >= 0.53 again (#202) * Fix rndebugger-open inject with RN >= 0.53 again * Update snapshots * [NPM package] v0.3.17 * Fixed typo (#204) * fix grammatical improvements / add clarity to the network inspect docs. (#207) Also fixed a broken internal link to these docs from debugger integration * Add Delta patcher from react-native * Check Delta support on executeApplicationScript * Clear logs when check Delta support finished * Update check Delta support * E2E Test: Support file:// for fetch only on test * E2E test: Update expected logs * Update deltaUrlToBlobUrl.js from upstream * Add Open Collective link in Help * Update dependencies * v0.7.14 * Fix prod bundle by downgrade uglifyjs-webpack-plugin * v0.7.15 * Fix auto_updater.json * Check if Delta Bundler available (#215) * Check if Delta bundler available * Update E2E test * Clear logs even if no error catched * Fix Blob error for use `fetch` if Network Inspect enabled (#217) * Patch fetch code on applyDelta * Disable `support.blob` in `whatwg-fetch` for use native XMLHttpRequest * Don't check fetch code if it already patched * Check only if map type is delta * Update regex pattern * v0.7.16 * Send `callFunctionReturnFlushedQueue` event after waiting application script executed (#219) * Send `callFunctionReturnFlushedQueue` event after waiting application script executed * Fix lint error * Check scriptExecuted first * Toggle network inspect after define `support` var on patchFetchPolyfill (#220) * v0.7.17 * [update] Improve dialog wording slightly. (#221) * Ensure the initial script of `whatwg-fetch` is executed related to #209 * Patch all `whatwg-fetch` packages related to #209 * v0.7.18 * Fix error of blob function not found in whatwg-fetch with Network Inspect enabled * Fix typos (#238) * Update debugger from upstream (#240) * Update debugger from upstream https://github.com/facebook/react-native/commit/e5aa5b7c508c5e0e51f7abfcee350e27bef24ba2 * Upgrade Expo / RN versions in examples * Fix lint error * Fix worker didnt post message if checkDeltaAvailable failed * Remove unnecessary waitingScriptExecuted * set global.Blob to global.originalBlob before deleting global.Blob for rn > 0.54 compatability (#246) * Fix context menu functions for RN 0.56 (#247) * Fix patchFetchPolyfill for compatible RN 0.56 * Fix required modules of RNDebugger functions on RN 0.56 * Update docs/network-inspect-of-chrome-devtools.md * Update docs/debugger-integration.md * Update test fixture * Add more comments about Network Inspect manually setup * Lookup for react-native implementation * Assign global.$reactNative for make debug easier * Detect metroRequire for RN 0.56 * Update docs/debugger-integration.md * Bump electron version to 1.7.15 * Add the recently changes from redux-devtools-extension (#248) * Bump redux-devtools-instrument to v1.9 * Add actionCreators option for connect API * Update dependencies also downgrade redux to v3.7.2 because remotedev-app still using * Fix lint errors * v0.7.19 * Fix buildTestBundle of E2E tests * Fix ref issue of Draggable related to #250 * v0.7.20 * Update auto_updater.json * Fixes typo (#258) * update react-devtools-core for supporting react-profiler (#262) * Fix context menu functions on RN 0.57 (#263) * Use __r from RN >= 0.57 as metro require in debugger worker * Fix patchFetchPolyfill for RN 0.57 * Update docs/react-devtools-integration.md * v0.8.0
2018-09-29 18:32:42 +08:00
- Other Integrations
- [`mobx-state-tree`](https://github.com/mobxjs/mobx-state-tree) - Use [`connectReduxDevtools`](https://github.com/mobxjs/mobx-state-tree/tree/3fc79b0b3ce7ad3e26d6bd5745fd9412d35c431c/packages/mst-middlewares#connectreduxdevtools) middleware.
You can ignore the things specified by the browser extension.
2017-09-13 03:33:46 +08:00
## About `trace` feature
- The debugger app might be slowed down if you enabled the `trace` feature and visited the `Trace` tab, because it will load and parse the source map for every selected action.
2017-09-13 03:33:46 +08:00
## Other documentations
v0.8.0 (#266) * Implement root config file in home directory (#165) * Add handle for read root config * Add openConfigFile method use for application menu * Add `Open config file` appliciation menu item * Comment window size in config template * Apply windowBounds, autoUpdate config * Apply defaultRNPakcagerPorts, defaultNetworkInspect config * Apply editor, defaultReactDevToolsTheme config * Use zoomLevel instead of fontSize * Add comment for defaultNetworkInspect config * Update test snapshot * Don't set EDITOR env if no config.editor * Show error message if config parse failed * Apply fontFamily, showAllDevToolsTab config * Update config template * Add documentation for config file * Comment fontFamily in config template * fix typos (#182) * Changed the type you're to you've (#185) * Remove Code Sponsor link * Add Open Collective links * Fix badges separation in README * Update docs/react-devtools-integration.md * Improve English (#193) The previous message was not grammatically correct. * Added support rndebugger-open for RN >= 0.53.0 (#198) * [NPM package] v0.3.16 * Update travis script * Update to node 9 on travis * Revert "Update travis script" This reverts commit 7593608966c643faedebe0595a70f6920963f88a. * Fix` rndebugger-open` injection with RN >= 0.53 again (#202) * Fix rndebugger-open inject with RN >= 0.53 again * Update snapshots * [NPM package] v0.3.17 * Fixed typo (#204) * fix grammatical improvements / add clarity to the network inspect docs. (#207) Also fixed a broken internal link to these docs from debugger integration * Add Delta patcher from react-native * Check Delta support on executeApplicationScript * Clear logs when check Delta support finished * Update check Delta support * E2E Test: Support file:// for fetch only on test * E2E test: Update expected logs * Update deltaUrlToBlobUrl.js from upstream * Add Open Collective link in Help * Update dependencies * v0.7.14 * Fix prod bundle by downgrade uglifyjs-webpack-plugin * v0.7.15 * Fix auto_updater.json * Check if Delta Bundler available (#215) * Check if Delta bundler available * Update E2E test * Clear logs even if no error catched * Fix Blob error for use `fetch` if Network Inspect enabled (#217) * Patch fetch code on applyDelta * Disable `support.blob` in `whatwg-fetch` for use native XMLHttpRequest * Don't check fetch code if it already patched * Check only if map type is delta * Update regex pattern * v0.7.16 * Send `callFunctionReturnFlushedQueue` event after waiting application script executed (#219) * Send `callFunctionReturnFlushedQueue` event after waiting application script executed * Fix lint error * Check scriptExecuted first * Toggle network inspect after define `support` var on patchFetchPolyfill (#220) * v0.7.17 * [update] Improve dialog wording slightly. (#221) * Ensure the initial script of `whatwg-fetch` is executed related to #209 * Patch all `whatwg-fetch` packages related to #209 * v0.7.18 * Fix error of blob function not found in whatwg-fetch with Network Inspect enabled * Fix typos (#238) * Update debugger from upstream (#240) * Update debugger from upstream https://github.com/facebook/react-native/commit/e5aa5b7c508c5e0e51f7abfcee350e27bef24ba2 * Upgrade Expo / RN versions in examples * Fix lint error * Fix worker didnt post message if checkDeltaAvailable failed * Remove unnecessary waitingScriptExecuted * set global.Blob to global.originalBlob before deleting global.Blob for rn > 0.54 compatability (#246) * Fix context menu functions for RN 0.56 (#247) * Fix patchFetchPolyfill for compatible RN 0.56 * Fix required modules of RNDebugger functions on RN 0.56 * Update docs/network-inspect-of-chrome-devtools.md * Update docs/debugger-integration.md * Update test fixture * Add more comments about Network Inspect manually setup * Lookup for react-native implementation * Assign global.$reactNative for make debug easier * Detect metroRequire for RN 0.56 * Update docs/debugger-integration.md * Bump electron version to 1.7.15 * Add the recently changes from redux-devtools-extension (#248) * Bump redux-devtools-instrument to v1.9 * Add actionCreators option for connect API * Update dependencies also downgrade redux to v3.7.2 because remotedev-app still using * Fix lint errors * v0.7.19 * Fix buildTestBundle of E2E tests * Fix ref issue of Draggable related to #250 * v0.7.20 * Update auto_updater.json * Fixes typo (#258) * update react-devtools-core for supporting react-profiler (#262) * Fix context menu functions on RN 0.57 (#263) * Use __r from RN >= 0.57 as metro require in debugger worker * Fix patchFetchPolyfill for RN 0.57 * Update docs/react-devtools-integration.md * v0.8.0
2018-09-29 18:32:42 +08:00
- [Getting Started](getting-started.md)
- [Debugger Integration](debugger-integration.md)
- [React DevTools Integration](react-devtools-integration.md)
- [Apollo Client DevTools Integration](apollo-client-devtools-integration.md)
v0.8.0 (#266) * Implement root config file in home directory (#165) * Add handle for read root config * Add openConfigFile method use for application menu * Add `Open config file` appliciation menu item * Comment window size in config template * Apply windowBounds, autoUpdate config * Apply defaultRNPakcagerPorts, defaultNetworkInspect config * Apply editor, defaultReactDevToolsTheme config * Use zoomLevel instead of fontSize * Add comment for defaultNetworkInspect config * Update test snapshot * Don't set EDITOR env if no config.editor * Show error message if config parse failed * Apply fontFamily, showAllDevToolsTab config * Update config template * Add documentation for config file * Comment fontFamily in config template * fix typos (#182) * Changed the type you're to you've (#185) * Remove Code Sponsor link * Add Open Collective links * Fix badges separation in README * Update docs/react-devtools-integration.md * Improve English (#193) The previous message was not grammatically correct. * Added support rndebugger-open for RN >= 0.53.0 (#198) * [NPM package] v0.3.16 * Update travis script * Update to node 9 on travis * Revert "Update travis script" This reverts commit 7593608966c643faedebe0595a70f6920963f88a. * Fix` rndebugger-open` injection with RN >= 0.53 again (#202) * Fix rndebugger-open inject with RN >= 0.53 again * Update snapshots * [NPM package] v0.3.17 * Fixed typo (#204) * fix grammatical improvements / add clarity to the network inspect docs. (#207) Also fixed a broken internal link to these docs from debugger integration * Add Delta patcher from react-native * Check Delta support on executeApplicationScript * Clear logs when check Delta support finished * Update check Delta support * E2E Test: Support file:// for fetch only on test * E2E test: Update expected logs * Update deltaUrlToBlobUrl.js from upstream * Add Open Collective link in Help * Update dependencies * v0.7.14 * Fix prod bundle by downgrade uglifyjs-webpack-plugin * v0.7.15 * Fix auto_updater.json * Check if Delta Bundler available (#215) * Check if Delta bundler available * Update E2E test * Clear logs even if no error catched * Fix Blob error for use `fetch` if Network Inspect enabled (#217) * Patch fetch code on applyDelta * Disable `support.blob` in `whatwg-fetch` for use native XMLHttpRequest * Don't check fetch code if it already patched * Check only if map type is delta * Update regex pattern * v0.7.16 * Send `callFunctionReturnFlushedQueue` event after waiting application script executed (#219) * Send `callFunctionReturnFlushedQueue` event after waiting application script executed * Fix lint error * Check scriptExecuted first * Toggle network inspect after define `support` var on patchFetchPolyfill (#220) * v0.7.17 * [update] Improve dialog wording slightly. (#221) * Ensure the initial script of `whatwg-fetch` is executed related to #209 * Patch all `whatwg-fetch` packages related to #209 * v0.7.18 * Fix error of blob function not found in whatwg-fetch with Network Inspect enabled * Fix typos (#238) * Update debugger from upstream (#240) * Update debugger from upstream https://github.com/facebook/react-native/commit/e5aa5b7c508c5e0e51f7abfcee350e27bef24ba2 * Upgrade Expo / RN versions in examples * Fix lint error * Fix worker didnt post message if checkDeltaAvailable failed * Remove unnecessary waitingScriptExecuted * set global.Blob to global.originalBlob before deleting global.Blob for rn > 0.54 compatability (#246) * Fix context menu functions for RN 0.56 (#247) * Fix patchFetchPolyfill for compatible RN 0.56 * Fix required modules of RNDebugger functions on RN 0.56 * Update docs/network-inspect-of-chrome-devtools.md * Update docs/debugger-integration.md * Update test fixture * Add more comments about Network Inspect manually setup * Lookup for react-native implementation * Assign global.$reactNative for make debug easier * Detect metroRequire for RN 0.56 * Update docs/debugger-integration.md * Bump electron version to 1.7.15 * Add the recently changes from redux-devtools-extension (#248) * Bump redux-devtools-instrument to v1.9 * Add actionCreators option for connect API * Update dependencies also downgrade redux to v3.7.2 because remotedev-app still using * Fix lint errors * v0.7.19 * Fix buildTestBundle of E2E tests * Fix ref issue of Draggable related to #250 * v0.7.20 * Update auto_updater.json * Fixes typo (#258) * update react-devtools-core for supporting react-profiler (#262) * Fix context menu functions on RN 0.57 (#263) * Use __r from RN >= 0.57 as metro require in debugger worker * Fix patchFetchPolyfill for RN 0.57 * Update docs/react-devtools-integration.md * v0.8.0
2018-09-29 18:32:42 +08:00
- [Shortcut references](shortcut-references.md)
- [Network inspect of Chrome Developer Tools](network-inspect-of-chrome-devtools.md)
- [Enable open in editor in console](enable-open-in-editor-in-console.md)
- [Config file in home directory](config-file-in-home-directory.md)
- [Troubleshooting](troubleshooting.md)
- [Contributing](contributing.md)