Moving files and folders a little

__tests__/App-test.js

@@ -4,7 +4,7 @@
 
 import 'react-native';
 import React from 'react';
-import App from '../js/App';
+import App from '../src/App';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';

babel.config.js

@@ -1,16 +1,16 @@
 const webpack = {
-  presets: [require('@babel/preset-react')],
-  plugins: [['react-native-web', {commonjs: true}]],
+    presets: ['@babel/preset-react', '@babel/preset-env'],
+    plugins: [['react-native-web', {commonjs: true}]],
 };
 
 const metro = {
-  presets: [require('metro-react-native-babel-preset')],
-  plugins: [],
+    presets: [require('metro-react-native-babel-preset')],
+    plugins: [],
 };
 
 module.exports = ({caller}) => {
-  // For `react-native` (iOS/Android) caller will be "metro"
-  // For `webpack` (Web) caller will be "@babel-loader"
-  const runningIn = caller(({name}) => name);
-  return runningIn === 'metro' ? metro : webpack;
+    // For `react-native` (iOS/Android) caller will be "metro"
+    // For `webpack` (Web) caller will be "@babel-loader"
+    const runningIn = caller(({name}) => name);
+    return runningIn === 'metro' ? metro : webpack;
 };

index.js

@@ -3,7 +3,7 @@
  */
 
 import { AppRegistry } from 'react-native';
-import App from './js/App';
+import App from './src/App';
 import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

metro.config.js

@@ -6,12 +6,12 @@
  */
 
 module.exports = {
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: false,
-      },
-    }),
-  },
+    transformer: {
+        getTransformOptions: async () => ({
+            transform: {
+                experimentalImportSupport: false,
+                inlineRequires: false,
+            },
+        }),
+    },
 };

src/lib/PersistentStorage.js

@@ -0,0 +1,48 @@
+/**
+ * This module is an abstraction around a persistent storage system. This file can be modified to use whatever
+ * persistent storage method is desired.
+ */
+import AsyncStorage from '@react-native-community/async-storage';
+
+/**
+ * Get a key from storage
+ *
+ * @param {string} key
+ * @returns {Promise}
+ */
+function get(key) {
+    return AsyncStorage.getItem(key)
+        .then(val => {
+            const jsonValue = JSON.parse(val);
+            return jsonValue;
+        })
+        .catch(err => {
+            console.error(`Unable to get item from persistent storage. Key: ${key} Error: ${err}`);
+        });
+};
+
+/**
+ * Write a key to storage
+ *
+ * @param {string} key
+ * @param {mixed} val
+ * @returns {Promise}
+ */
+function set(key, val) {
+    return AsyncStorage.setItem(key, JSON.stringify(val));
+};
+
+/**
+ * Empty out the storage (like when the user signs out)
+ *
+ * @returns {Promise}
+ */
+function clear() {
+    return AsyncStorage.clear();
+};
+
+export {
+    get,
+    set,
+    clear,
+};

js/lib/Router/index.js → src/lib/Router/index.js

@@ -7,5 +7,4 @@ import {
     withRouter,
 } from 'react-router-dom';
 
-export default {Link, Route, Redirect, Router, Switch, withRouter};
 export {Link, Route, Redirect, Router, Switch, withRouter};

js/lib/Router/index.native.js → src/lib/Router/index.native.js

@@ -7,5 +7,4 @@ import {
     withRouter,
 } from 'react-router-native';
 
-export default {Link, Route, Redirect, Router, Switch, withRouter};
 export {Link, Route, Redirect, Router, Switch, withRouter};

src/index.js → web/index.js

@@ -1,5 +1,5 @@
 import {AppRegistry} from 'react-native';
-import App from '../js/App';
+import App from '../src/App';
 
 AppRegistry.registerComponent('App', () => App);
 

webpack.config.js

@@ -3,42 +3,42 @@ const {CleanWebpackPlugin} = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  mode: 'development',
-  entry: {
-    app: './src/index.js',
-  },
-  output: {
-    filename: '[name]-[hash].bundle.js',
-    path: path.resolve(__dirname, 'dist'),
-  },
-  devtool: 'inline-source-map',
-  devServer: {
-    contentBase: path.join(__dirname, 'dist'),
-    hot: true,
-  },
-  plugins: [
-    new CleanWebpackPlugin(),
-    new HtmlWebpackPlugin({
-      template: 'src/index.html',
-      // With the dev server, we need to put this file in the dist folder
-      filename: 'index.html',
-    }),
-  ],
-  module: {
-    rules: [
-      // Transpiles ES6 and JSX
-      {
-        test: /\.js$/,
-        exclude: /node_modules|\.native.js$/,
-        use: {
-          loader: 'babel-loader',
-        },
-      },
+    mode: 'development',
+    entry: {
+        app: './web/index.js',
+    },
+    output: {
+        filename: '[name]-[hash].bundle.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+    devtool: 'inline-source-map',
+    devServer: {
+        contentBase: path.join(__dirname, 'dist'),
+        hot: true,
+    },
+    plugins: [
+        new CleanWebpackPlugin(),
+        new HtmlWebpackPlugin({
+            template: 'web/index.html',
+            // With the dev server, we need to put this file in the dist folder
+            filename: 'index.html',
+        }),
     ],
-  },
-  resolve: {
-    alias: {
-      'react-native$': 'react-native-web',
+    module: {
+        rules: [
+            // Transpiles ES6 and JSX
+            {
+                test: /\.js$/,
+                exclude: /node_modules|\.native.js$/,
+                use: {
+                    loader: 'babel-loader',
+                },
+            },
+        ],
+    },
+    resolve: {
+        alias: {
+            'react-native$': 'react-native-web',
+        },
     },
-  },
 };