Full upgrade to RN 0.59.2

Author: aum-tcm

.eslintrc

@@ -5,12 +5,13 @@
     "prettier"
   ],
   "parserOptions": {
-    "ecmaVersion": 2017,
+    "ecmaVersion": 2018,
     "ecmaFeatures": {
       "jsx": true,
       "modules": true
     },
-    "sourceType": "module"
+    "sourceType": "module",
+    "useJSXTextNode": false
   },
   "env": {
     "react-native/react-native": true

.flowconfig

@@ -0,0 +1,69 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.92.0

App/Containers/Example/ExampleScreen.js

@@ -60,9 +60,9 @@ ExampleScreen.propsTypes = {
 }
 
 const mapStateToProps = (state) => ({
-  user: state.example.get('user').toJS(),
-  userIsLoading: state.example.get('userIsLoading'),
-  userErrorMessage: state.example.get('userErrorMessage'),
+  user: state.example.user,
+  userIsLoading: state.example.userIsLoading,
+  userErrorMessage: state.example.userErrorMessage,
   liveInEurope: liveInEurope(state),
 })
 

App/Stores/CreateStore.js

@@ -1,7 +1,6 @@
 import { applyMiddleware, compose, createStore } from 'redux'
 import createSagaMiddleware from 'redux-saga'
 import { persistReducer, persistStore } from 'redux-persist'
-import immutableTransform from 'redux-persist-transform-immutable'
 
 /**
  * This import defaults to localStorage for web and AsyncStorage for react-native.
@@ -15,13 +14,6 @@ import immutableTransform from 'redux-persist-transform-immutable'
 import storage from 'redux-persist/lib/storage'
 
 const persistConfig = {
-  transforms: [
-    /**
-     * This is necessary to support immutable reducers.
-     * @see https://github.com/rt2zz/redux-persist-transform-immutable
-     */
-    immutableTransform(),
-  ],
   key: 'root',
   storage: storage,
   /**

App/Stores/Example/InitialState.js

@@ -1,10 +1,8 @@
-import { Map, List } from 'immutable'
-
 /**
  * The initial values for the redux state.
  */
-export const INITIAL_STATE = Map({
-  user: List(),
+export const INITIAL_STATE = {
+  user: {},
   userIsLoading: false,
   userErrorMessage: null,
-})
+}

App/Stores/Example/Reducers.js

@@ -7,27 +7,26 @@
 import { INITIAL_STATE } from './InitialState'
 import { createReducer } from 'reduxsauce'
 import { ExampleTypes } from './Actions'
-import { List } from 'immutable'
 
-export const fetchUserLoading = (state) =>
-  state.merge({
-    userIsLoading: true,
-    userErrorMessage: '',
-  })
+export const fetchUserLoading = (state) => ({
+  ...state,
+  userIsLoading: true,
+  userErrorMessage: null,
+})
 
-export const fetchUserSuccess = (state, { user }) =>
-  state.merge({
-    user: user,
-    userIsLoading: false,
-    userErrorMessage: null,
-  })
+export const fetchUserSuccess = (state, { user }) => ({
+  ...state,
+  user: user,
+  userIsLoading: false,
+  userErrorMessage: null,
+})
 
-export const fetchUserFailure = (state, { errorMessage }) =>
-  state.merge({
-    user: List(),
-    userIsLoading: false,
-    userErrorMessage: errorMessage,
-  })
+export const fetchUserFailure = (state, { errorMessage }) => ({
+  ...state,
+  user: {},
+  userIsLoading: false,
+  userErrorMessage: errorMessage,
+})
 
 /**
  * @see https://github.com/infinitered/reduxsauce#createreducer

App/Stores/Example/Selectors.js

@@ -7,10 +7,10 @@
  */
 
 export const liveInEurope = (state) => {
-  if (state.example.get('user').isEmpty()) return null
+  if (Object.entries(state.example.user).length <= 0) return null
 
   // For this example, we imagine this cities are european cities
   let europeanCities = ['Gwenborough', 'Wisokyburgh', 'McKenziehaven', 'South Elvis', 'Roscoeview']
 
-  return europeanCities.includes(state.example.get('user').toJS().address.city)
+  return europeanCities.includes(state.example.user.address.city)
 }

__tests__/App-test.js

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

android/app/build.gradle

@@ -138,6 +138,7 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-gesture-handler')
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
     implementation "com.facebook.react:react-native:+"  // From node_modules

android/app/build_defs.bzl

@@ -0,0 +1,19 @@
+"""Helper definitions to glob .aar and .jar targets"""
+
+def create_aar_targets(aarfiles):
+    for aarfile in aarfiles:
+        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
+        lib_deps.append(":" + name)
+        android_prebuilt_aar(
+            name = name,
+            aar = aarfile,
+        )
+
+def create_jar_targets(jarfiles):
+    for jarfile in jarfiles:
+        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
+        lib_deps.append(":" + name)
+        prebuilt_jar(
+            name = name,
+            binary_jar = jarfile,
+        )