I installed Reactotron for react native and redux. I have configured it but I can't get the desktop app to launch for some reason. I have remote deobugging turned in my simulator.
I have ReactotronConfig
, imported it in my store
, and then in my App.js
for it to start on boot.
ReactotronConfig
import Reactotron, { openInEditor } from 'reactotron-react-native'
import AsyncStorage from '@react-native-community/async-storage';
import { reactotronRedux } from 'reactotron-redux'
const reactotron = {
initiate: () => {
Reactotron.configure()
.setAsyncStorageHandler(AsyncStorage)
.configure({ name: 'React Native Demo' })
.use(reactotronRedux(), openInEditor())
.useReactNative()
.connect()
},
createEnhancer: () => Reactotron.createEnhancer()
};
export default reactotron
store .... this page gave me some issues but hopefully it's implemented correctly as the app is booting without any errors.
import Reactotron from '../../application/utils/ReactotronConfig'
let storeEnhancers = [];
if (__DEV__) {
const Reactotron = require("../../application/utils/ReactotronConfig").default;
Reactotron.initiate();
storeEnhancers = [...storeEnhancers, Reactotron.createEnhancer()];
}
export const store = createStore(persistedReducer, {}, composedEnhancer, {
enhancers: [...storeEnhancers],
});
export const persistor = persistStore(store);
App.js
import Reactotron, { openInEditor } from 'reactotron-react-native'
import { reactotronRedux } from 'reactotron-redux';
if (__DEV__) {
import('./application/utils/ReactotronConfig').then(() => console.log('Reactotron Configured'))
}