Modernize this project with the latest versions of things

App.js

@@ -1,16 +1,18 @@
 import React from 'react'
-import {StackNavigator} from 'react-navigation'
+import {createAppContainer, createStackNavigator} from 'react-navigation'
 
 import HomeScreen from './screens/Home'
 import MoviesScreen from './screens/Movies'
 import MovieScreen from './screens/Movie'
 import PersonScreen from './screens/Person'
 import PeopleScreen from './screens/People'
 
-export default StackNavigator({
+const AppNavigator = createStackNavigator({
   Home: {screen: HomeScreen},
   Movies: {screen: MoviesScreen},
   People: {screen: PeopleScreen},
   Movie: {screen: MovieScreen},
   Person: {screen: PersonScreen}
 })
+
+export default createAppContainer(AppNavigator)

README.md

@@ -52,12 +52,12 @@ Runs your app in development mode.
 
 Open it in the [Expo app](https://expo.io) on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.
 
-Sometimes you may need to reset or clear the React Native packager's cache. To do so, you can pass the `--reset-cache` flag to the start script:
+Sometimes you may need to reset or clear the React Native packager's cache. To do so, you can pass the `-c` flag to the start script:
 
 ```
-npm start -- --reset-cache
+npm start -- -c
 # or
-yarn start -- --reset-cache
+yarn start -- -c
 ```
 
 #### `npm test`

app.json

@@ -1,5 +1,5 @@
 {
   "expo": {
-    "sdkVersion": "22.0.0"
+    "sdkVersion": "31.0.0"
   }
 }

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = (api) => {
+  api.cache(true)
+  return {
+    presets: ['babel-preset-expo'],
+    env: {
+      development: {
+        plugins: ['@babel/transform-react-jsx-source']
+      }
+    }
+  }
+}