Eject experiment

chapter07/.directory

@@ -0,0 +1,8 @@
+[Dolphin]
+Timestamp=2018,7,1,22,55,44
+Version=4
+ViewMode=1
+VisibleRoles=Details_text,Details_size,Details_modificationtime,Details_destination,Details_permissions,Details_owner,Details_group,CustomizedDetails
+
+[Settings]
+HiddenFilesShown=true

chapter07/.flowconfig

@@ -0,0 +1,15 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[lints]
+all=warn
+untyped-type-import=off
+unsafe-getters-setters=off
+
+[options]
+include_warnings=true
+
+[strict]

chapter07/.storybook/addons.js

@@ -0,0 +1,3 @@
+import "@storybook/addon-actions/register";
+import "@storybook/addon-knobs/register";
+import "@storybook/addon-notes/register";

chapter07/.storybook/config.js

@@ -0,0 +1,6 @@
+import { configure } from "@storybook/react";
+
+configure(() => {
+    const req = require.context("../src", true, /\.story\.js$/);
+    req.keys().forEach(filename => req(filename));
+}, module);

chapter07/package.json

@@ -10,10 +10,13 @@
         "babel-eslint": "^8.2.5",
         "eslint": "^5.0.1",
         "eslint-config-recommended": "^3.0.0",
+        "eslint-plugin-babel": "^5.1.0",
         "eslint-plugin-flowtype": "^2.49.3",
         "eslint-plugin-react": "^7.10.0",
+        "flow-bin": "^0.75.0",
+        "flow-typed": "^2.4.0",
         "react-app-rewire-eslint": "^0.2.3",
-        "react-app-rewired": "1.1.4"
+        "react-app-rewired": "^1.5.2"
     },
     "dependencies": {
         "react": "^16.4.1",

chapter07/src/App.js

@@ -1,21 +1,26 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+/* @flow */
 
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
-        </header>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-      </div>
-    );
-  }
+import React, { Component } from "react";
+import logo from "./logo.svg";
+import "./App.css";
+
+type Props = {}
+
+class App extends Component<Props> {
+    render() {
+        return (
+            <div className="App">
+                <header className="App-header">
+                    <img src={logo} className="App-logo" alt="logo" />
+                    <h1 className="App-title">Welcome to React</h1>
+                </header>
+                <p className="App-intro">
+                    To get started, edit <code>src/App.js</code> and save
+                    to reload.
+                </p>
+            </div>
+        );
+    }
 }
 
 export default App;