Reactotron dev tool added

Author: Kailash23

package-lock.json

@@ -33,6 +33,9 @@
     "react-native-svg": "^12.1.0",
     "react-native-zip-archive": "^5.0.2",
     "react-redux": "^7.2.1",
+    "reactotron-react-native": "^5.0.0",
+    "reactotron-redux": "^3.1.3",
+    "reactotron-redux-saga": "^4.2.3",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3"
   },

package.json

@@ -4,6 +4,14 @@ import Navigator from './navigation';
 import {Provider} from 'react-redux';
 import {store, persistor} from './redux/store';
 import {PersistGate} from 'redux-persist/integration/react';
+import Reactotron from 'reactotron-react-native';
+
+if (__DEV__) {
+  import('./service/reactotron').then(() => {
+    Reactotron.clear();
+    console.log('Reactotron Configured!');
+  });
+}
 
 const App = () => (
   <Provider store={store}>

src/index.js

@@ -5,18 +5,22 @@ import rootReducer from './slices/wordsSlice';
 import createSagaMiddleware from 'redux-saga';
 import mySaga from './sagas';
 import thunk from 'redux-thunk';
+import Reactotron from 'reactotron-react-native';
+import reactotronConfig from '../service/reactotron';
 
 const persistConfig = {
   key: 'root',
   storage: AsyncStorage,
 };
+const sagaMonitor = Reactotron.createSagaMonitor();
 
 const persistedReducer = persistReducer(persistConfig, rootReducer);
-const sagaMiddleware = createSagaMiddleware();
+const sagaMiddleware = createSagaMiddleware({sagaMonitor});
 
 let store = configureStore({
   reducer: persistedReducer,
   middleware: [sagaMiddleware, thunk],
+  devTools: (__DEV__ && reactotronConfig.createEnhancer()) || undefined,
 });
 
 // Redux persist

src/redux/store.js

@@ -0,0 +1,18 @@
+import Reactotron from 'reactotron-react-native';
+import AsyncStorage from '@react-native-community/async-storage';
+import {reactotronRedux as reduxPlugin} from 'reactotron-redux';
+import sagaPlugin from 'reactotron-redux-saga';
+
+if (__DEV__) {
+  var reactotron = Reactotron.setAsyncStorageHandler(AsyncStorage)
+    .configure()
+    .use(reduxPlugin())
+    .use(sagaPlugin())
+    .useReactNative()
+    .connect();
+
+  console.tron = reactotron;
+  console.rtron = reactotron.logImportant;
+}
+
+export default reactotron;