Multi tool use

React Native Debugger state undefined

I am trying to use the remote React Native Debugger for my project. I have installed React-Native-Debugger on my Mac with $ brew update && brew cask install react-native-debugger. Then I added Remote-redux-devtools package with npm install --save-dev remote-redux-devtools

$ brew update && brew cask install react-native-debugger

npm install --save-dev remote-redux-devtools

My createStore code looks like this atm.

import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'remote-redux-devtools'
import thunk from 'redux-thunk'
/* some other imports */

const composeEnhancers = composeWithDevTools({ realtime: true, port: 8000 })
export default createStore(rootReducer, composeEnhancers(
applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
))


Console output works just fine, but it is not picking up on the actions or redux state. Am I missing a step? Why isn't it picking up redux?

https://github.com/zalmoxisus/remote-redux-devtools

https://github.com/jhen0409/react-native-debugger

2 Answers
2

Add redux devtools extension to your createStore

export default createStore(rootReducer, composeEnhancers(
applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
),window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())


For more informations : https://github.com/zalmoxisus/redux-devtools-extension

I got the same problem where i thought the react native debugger is working fine,
E.g.
react native debugger's mapper is working fine, it is pulling out my project file/directory at the source.
Console output is working fine.

But i don't see any redux being picking up.

After some trials and errors, i found out i have to turn the JS Dev Mode on my android emulator.

Steps: Ctrl + M -> Dev Setting -> Check JS Dev Mode -> Reload

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.