const logger = createLogger({
stateTransformer: (state) => {
const newState = {};
for (const i of Object.keys(state)) {
if (Immutable.Iterable.isIterable(state[i])) {
newState[i] = state[i].toJS();
} else {
newState[i] = state[i];
}
}
return newState;
},
});
Reactotron.connect({enabled: __DEV__});
const store = createStore(reducers,
applyMiddleware(thunk, Reactotron.reduxMiddleware, logger),
autoRehydrate());
export default class AppProvider extends Component {
constructor() {
super();
this.state = { rehydrated: false };
}
componentWillMount() {
persistStore(store, {
import { AppRegistry } from 'react-native';
import Root from './app/Root';
import Reactotron from 'reactotron';
console.disableYellowBox = true;
// connect with defaults
Reactotron.connect();
// Connect with options
const options = {
name: 'React Web', // Display name of the client
server: 'localhost', // IP of the server to connect to
port: 3334, // Port of the server to connect to (default: 3334)
enabled: true // Whether or not Reactotron should be enabled.
};
Reactotron.connect(options);
AppRegistry.registerComponent('appfirst', () => Root);
import Reactotron from 'reactotron' // in a real app, you would use 'reactotron'
import {Platform} from 'react-native'
Reactotron.connect({
enabled: true,
name: 'nativeMixing',
userAgent: Platform.OS,
server: '192.168.0.12'
})