Reactotron working

chapter12/App.js

@@ -1 +1,17 @@
-export default from './storybook';
+/* @flow */
+
+import React from "react";
+import { Provider } from "react-redux";
+
+import { store } from "./src/regionsStyledApp/store";
+import { ConnectedMain } from "./src/regionsStyledApp/main.connected";
+
+export default class App extends React.PureComponent<> {
+    render() {
+        return (
+            <Provider store={store}>
+                <ConnectedMain />
+            </Provider>
+        );
+    }
+}

chapter12/App.reactotron.js

@@ -0,0 +1,18 @@
+/* @flow */
+
+import React from "react";
+import { Provider } from "react-redux";
+
+import "./reactotronConfig";
+import { store } from "./src/regionsStyledApp/store.reactotron";
+import { ConnectedMain } from "./src/regionsStyledApp/main.connected";
+
+export default class App extends React.PureComponent<> {
+    render() {
+        return (
+            <Provider store={store}>
+                <ConnectedMain />
+            </Provider>
+        );
+    }
+}

chapter12/App.standard.js

@@ -2,16 +2,10 @@
 
 import React from "react";
 import { Provider } from "react-redux";
-import Reactotron from "reactotron-react-native";
 
 import { store } from "./src/regionsStyledApp/store";
 import { ConnectedMain } from "./src/regionsStyledApp/main.connected";
 
-if (process.env.NODE_ENV === "development") {
-    Reactotron.configure({ port: 9090 })
-        .useReactNative()
-        .connect();
-}
 export default class App extends React.PureComponent<> {
     render() {
         return (

chapter12/package-lock.json

@@ -8793,11 +8793,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -8815,7 +8817,8 @@
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
@@ -8947,6 +8950,7 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -9220,7 +9224,8 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
@@ -16938,6 +16943,21 @@
       "integrity": "sha1-635iZ1SN3t+4mcG5Dlc3RVnN234=",
       "dev": true
     },
+    "ramda": {
+      "version": "0.24.1",
+      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.24.1.tgz",
+      "integrity": "sha1-w7d1UZfzW43DUCIoJixMkd22uFc=",
+      "dev": true
+    },
+    "ramdasauce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ramdasauce/-/ramdasauce-2.1.0.tgz",
+      "integrity": "sha512-BdHm//tlCCmeXxY5EvIvlczuWvZU5QcRybdxZ4mkDOIasWzbBs+bjt3iEVsThKCMWLIiFZpggtQmIyjtL7eOvA==",
+      "dev": true,
+      "requires": {
+        "ramda": "^0.24.1"
+      }
+    },
     "randexp": {
       "version": "0.4.6",
       "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
@@ -18074,6 +18094,18 @@
         "reactotron-core-client": "^2.1.0"
       }
     },
+    "reactotron-redux": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/reactotron-redux/-/reactotron-redux-2.1.0.tgz",
+      "integrity": "sha512-HWfDIZN5stZJrdQXp5AWgH12rgGLpXoSV2rC3va0BP9XxwgG+SKA1f2DQ8W2MrDz5wZ47PGLfhHPjqJQUM20dQ==",
+      "dev": true,
+      "requires": {
+        "ramda": "^0.24.1",
+        "ramdasauce": "^2.0.0",
+        "reactotron-core-client": "^2.1.0",
+        "redux": "^3.7.1"
+      }
+    },
     "read-chunk": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/read-chunk/-/read-chunk-2.1.0.tgz",

chapter12/package.json

@@ -27,11 +27,13 @@
         "react-native-storybook-loader": "^1.8.0",
         "react-test-renderer": "^16.5.2",
         "reactotron-react-native": "^2.1.0",
+        "reactotron-redux": "^2.1.0",
         "redux-devtools-extension": "^2.13.5"
     },
     "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
     "scripts": {
         "start": "cp App.standard.js App.js && react-native-scripts start",
+        "start-reactotron": "cp App.reactotron.js App.js && react-native-scripts start",
         "eject": "react-native-scripts eject",
         "android": "react-native-scripts android",
         "ios": "react-native-scripts ios",

chapter12/reactotronConfig.js

@@ -0,0 +1,30 @@
+/* @flow */
+
+import Reactotron from "reactotron-react-native";
+import { reactotronRedux } from "reactotron-redux";
+
+//if (process.env.NODE_ENV === "development") {
+const reactotron = Reactotron.configure({
+    port: 9090,
+    host: "192.168.1.200"
+})
+    .useReactNative({
+        networking: {
+            ignoreUrls: /\/logs$/
+        }
+    })
+    //  .use(asyncStorage()) // FK: IS THIS NEEDED??
+    // .use(networking())
+    .use(
+        reactotronRedux({
+            isActionImportant: action => action.type.includes("success")
+        })
+    )
+    .connect();
+//}
+
+Reactotron.log("A knick-knack is a thing that sits on top of a whatnot");
+Reactotron.warn("If you must make a noise, make it quietly");
+Reactotron.error("Another nice mess you've gotten me into.");
+
+export default reactotron;

chapter12/src/regionsStyledApp/store.reactotron.js

@@ -0,0 +1,24 @@
+/* @flow */
+
+import { AsyncStorage } from "react-native";
+import { applyMiddleware } from "redux";
+import thunk from "redux-thunk";
+import reactotron from "../../reactotronConfig";
+
+import { reducer } from "./world.reducer";
+
+export const store = reactotron.createStore(
+    reducer,
+    applyMiddleware(thunk)
+);
+
+(async () => {
+    try {
+        await AsyncStorage.setItem("First", "Federico");
+        await AsyncStorage.setItem("Last", "Kereki");
+        await AsyncStorage.setItem("Date", "Sept.22nd");
+        await AsyncStorage.getItem("Last");
+    } catch (e) {
+        // nothing!
+    }
+})();