React Native - Hermes

[LunatiqueCoder]

Hello!

I really love this tool! And I don't plan to give up on it.

React Native is having some nice updates, especially some debugging improvements, however, our old react-native-debugger which integrates Redux DevTools is getting deprecated and I've been struggling to use Redux DevTools with React Native since then but with no success.

Here's what I've tried:

1. Patch @redux-devtools/remote according to #1382

2. Use @redux-devtools/cli to start a local server by running redux-devtools --port=8000 --open

3. Setup store

let enhancers: StoreEnhancer[] = []; if (__DEV__) { require('react-native-get-random-values'); const { devToolsEnhancer } = require('@redux-devtools/remote'); enhancers.push( devToolsEnhancer({ name: Platform.OS, hostname: Platform.select({ ios: 'localhost', android: '10.0.2.2' }), port: 8000, secure: false, realtime: true, }) ); } const store = configureStore({ reducer: rootReducer, enhancers });

4. Run app

5. Redux DevTools Settings

Results:

Any help is much appreciated. Thank you very much! Cheers

[LunatiqueCoder]

Fixed it by patching @redux-devtools/remote/lib/cjs/devTools.js like this: #1382 (comment)

EDIT:

Also opened a PR here to fix this for React Native world: #1430

[gemartinez56]

hi @LunatiqueCoder - thank you for sharing this. Which packages did you have to install to get your server running?