adds image overlay feature from Reactotron

boilerplate/App/Config/README.md

@@ -1,5 +1,7 @@
 ### Config Folder
 All application specific configuration falls in this folder.
 
-`DebugConfig.js` is used for development-wide globals.
-`ReactotronConfig.js` is used for Reactotron client settings.
+`AppConfig.js` - production values.
+`DebugConfig.js` - development-wide globals.
+`ReactotronConfig.js` - Reactotron client settings.
+`ReduxPersist.js` - rehydrate Redux state.

boilerplate/App/Config/ReactotronConfig.js

@@ -1,11 +1,10 @@
 import { StartupTypes } from '../Redux/StartupRedux'
 import Config from '../Config/DebugConfig'
 import Immutable from 'seamless-immutable'
-const Reactotron = require('reactotron-react-native').default
-const errorPlugin = require('reactotron-react-native').trackGlobalErrors
-const apisaucePlugin = require('reactotron-apisauce')
-const { reactotronRedux } = require('reactotron-redux')
-const sagaPlugin = require('reactotron-redux-saga')
+import Reactotron, { overlay, trackGlobalErrors } from 'reactotron-react-native'
+import apisaucePlugin from 'reactotron-apisauce'
+import { reactotronRedux } from 'reactotron-redux'
+import sagaPlugin from 'reactotron-redux-saga'
 
 if (Config.useReactotron) {
   Reactotron
@@ -15,7 +14,7 @@ if (Config.useReactotron) {
     })
 
     // forward all errors to Reactotron
-    .use(errorPlugin({
+    .use(trackGlobalErrors({
       // ignore all error frames from react-native (for example)
       veto: (frame) =>
         frame.fileName.indexOf('/node_modules/react-native/') >= 0
@@ -24,6 +23,9 @@ if (Config.useReactotron) {
     // register apisauce so we can install a monitor later
     .use(apisaucePlugin())
 
+    // add overlay ability for graphics
+    .use(overlay())
+
     // setup the redux integration with Reactotron
     .use(reactotronRedux({
       // you can flag some of your actions as important by returning true here

boilerplate/App/Containers/App.js

@@ -26,4 +26,7 @@ class App extends Component {
   }
 }
 
-export default App
+// allow reactotron overlay for fast design
+const AppWithBenefits = console.tron.overlay(App)
+
+export default AppWithBenefits