Tools are working

chapter07/.eslintrc

@@ -2,7 +2,10 @@
     "parser": "babel-eslint",
     "parserOptions": {
         "ecmaVersion": 2017,
-        "sourceType": "module"
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
     },
     "env": {
         "node": true,

chapter08/.eslintrc

@@ -2,7 +2,10 @@
     "parser": "babel-eslint",
     "parserOptions": {
         "ecmaVersion": 2017,
-        "sourceType": "module"
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
     },
     "env": {
         "node": true,

chapter09-10/.eslintrc

@@ -2,7 +2,10 @@
     "parser": "babel-eslint",
     "parserOptions": {
         "ecmaVersion": 2017,
-        "sourceType": "module"
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
     },
     "env": {
         "node": true,

chapter11/.eslintrc

@@ -0,0 +1,30 @@
+{
+    "parser": "babel-eslint",
+    "parserOptions": {
+        "ecmaVersion": 2017,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "env": {
+        "node": true,
+        "browser": true,
+        "es6": true,
+        "jest": true,
+        "react-native/react-native": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:flowtype/recommended",
+        "plugin:react/recommended",
+        "plugin:react-native/all"
+    ],
+    "plugins": ["babel", "flowtype", "react", "react-native"],
+    "rules": {
+        "no-console": "off",
+        "no-var": "error",
+        "prefer-const": "error",
+        "flowtype/no-types-missing-file-annotation": 0
+    }
+}

chapter11/.flowconfig

@@ -0,0 +1,17 @@
+[ignore]
+.*/node_modules/.*
+
+[include]
+
+[libs]
+
+[lints]
+all=warn
+untyped-type-import=off
+unsafe-getters-setters=off
+
+[options]
+include_warnings=true
+module.file_ext=.scss
+
+[strict]

chapter11/.prettierrc

@@ -0,0 +1,5 @@
+{
+    "tabWidth": 4,
+    "printWidth": 75
+}
+

chapter11/App.js

@@ -1,7 +1,9 @@
+/* @flow */
+
 import React from "react";
 import { StyleSheet, Text, View } from "react-native";
 
-export default class App extends React.Component {
+export default class App extends React.Component<> {
     render() {
         return (
             <View style={styles.container}>
@@ -13,10 +15,12 @@ export default class App extends React.Component {
     }
 }
 
+const white: string = "#fff";
+
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor: "#fff",
+        backgroundColor: white,
         alignItems: "center",
         justifyContent: "center"
     }

chapter11/App.original.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+
+export default class App extends React.Component {
+    render() {
+        return (
+            <View style={styles.container}>
+                <Text>Open up App.js to start working on your app!</Text>
+                <Text>Changes you make will automatically reload.</Text>
+                <Text>Shake your phone to open the developer menu.</Text>
+            </View>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "#fff",
+        alignItems: "center",
+        justifyContent: "center"
+    }
+});

chapter11/package.json

@@ -1,26 +1,38 @@
 {
-  "name": "chapter10",
+    "name": "chapter10",
-  "version": "0.1.0",
+    "version": "0.1.0",
-  "private": true,
+    "private": true,
-  "devDependencies": {
+    "devDependencies": {
-    "react-native-scripts": "1.14.0",
+        "eslint": "^5.4.0",
-    "jest-expo": "~27.0.0",
+        "eslint-config-recommended": "^3.0.0",
-    "react-test-renderer": "16.3.1"
+        "eslint-plugin-babel": "^5.1.0",
-  },
+        "eslint-plugin-flowtype": "^2.50.0",
-  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
+        "eslint-plugin-react": "^7.11.1",
-  "scripts": {
+        "eslint-plugin-react-native": "^3.2.1",
-    "start": "react-native-scripts start",
+        "flow": "^0.2.3",
-    "eject": "react-native-scripts eject",
+        "flow-bin": "^0.79.1",
-    "android": "react-native-scripts android",
+        "flow-coverage-report": "^0.5.0",
-    "ios": "react-native-scripts ios",
+        "flow-typed": "^2.5.1",
-    "test": "jest"
+        "jest-expo": "~27.0.0",
-  },
+        "react-native-scripts": "1.14.0",
-  "jest": {
+        "react-test-renderer": "16.3.1"
-    "preset": "jest-expo"
+    },
-  },
+    "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
-  "dependencies": {
+    "scripts": {
-    "expo": "^27.0.1",
+        "start": "react-native-scripts start",
-    "react": "16.3.1",
+        "eject": "react-native-scripts eject",
-    "react-native": "~0.55.2"
+        "android": "react-native-scripts android",
-  }
+        "ios": "react-native-scripts ios",
+        "test": "jest",
+        "flow": "flow",
+        "addTypes": "flow-typed install"
+    },
+    "jest": {
+        "preset": "jest-expo"
+    },
+    "dependencies": {
+        "expo": "^27.0.1",
+        "react": "16.3.1",
+        "react-native": "~0.55.2"
+    }
 }