Feat: updated playground to TS@3.1 and all dependencies with types (#123)

Author: piotrwitek

.gitignore

@@ -37,3 +37,4 @@ jspm_packages
 .node_repl_history
 
 temp/
+playground/dist

README.md

@@ -287,56 +287,51 @@ export class StatefulCounter extends React.Component<StatefulCounterProps, State
 ```tsx
 import * as React from 'react';
 
-export interface StatefulCounterWithDefaultProps {
+type Props = Readonly<{
   label: string;
-  initialCount?: number;
-}
-
-interface DefaultProps {
-  readonly initialCount: number;
-}
+  initialCount: number;
+}>;
 
-interface State {
-  readonly count: number;
-}
+type State = Readonly<{
+  count: number;
+}>;
 
-export const StatefulCounterWithDefault: React.ComponentClass<StatefulCounterWithDefaultProps> =
-  class extends React.Component<StatefulCounterWithDefaultProps & DefaultProps> {
-    // to make defaultProps strictly typed we need to explicitly declare their type
-    // @see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11640
-    static defaultProps: DefaultProps = {
-      initialCount: 0,
-    };
+export class StatefulCounterWithDefault extends React.Component<Props, State> {
+  static defaultProps = {
+    initialCount: 0,
+  };
 
-    readonly state: State = {
-      count: this.props.initialCount,
-    };
+  readonly state: State = {
+    count: this.props.initialCount,
+  };
 
-    componentWillReceiveProps({ initialCount }: StatefulCounterWithDefaultProps) {
-      if (initialCount != null && initialCount !== this.props.initialCount) {
-        this.setState({ count: initialCount });
-      }
+  componentWillReceiveProps({ initialCount }: Props) {
+    if (initialCount != null && initialCount !== this.props.initialCount) {
+      this.setState({ count: initialCount });
     }
+  }
 
-    handleIncrement = () => {
-      this.setState({ count: this.state.count + 1 });
-    }
+  handleIncrement = () => {
+    this.setState({ count: this.state.count + 1 });
+  };
 
-    render() {
-      const { handleIncrement } = this;
-      const { label } = this.props;
-      const { count } = this.state;
+  render() {
+    const { handleIncrement } = this;
+    const { label } = this.props;
+    const { count } = this.state;
 
-      return (
-        <div>
-          <span>{label}: {count} </span>
-          <button type="button" onClick={handleIncrement}>
-            {`Increment`}
-          </button>
-        </div>
-      );
-    }
-  };
+    return (
+      <div>
+        <span>
+          {label}: {count}{' '}
+        </span>
+        <button type="button" onClick={handleIncrement}>
+          {`Increment`}
+        </button>
+      </div>
+    );
+  }
+}
 
 ```
 
@@ -1244,7 +1239,6 @@ export const SFCCounterConnectedVerbose =
     "no-submodule-imports": [true, "@src", "rxjs"],
     "no-this-assignment": [true, { "allow-destructuring": true }],
     "no-trailing-whitespace": true,
-    "no-unused-variable": [true, "react"],
     "object-literal-sort-keys": false,
     "object-literal-shorthand": false,
     "one-variable-per-declaration": [false],
@@ -1479,7 +1473,6 @@ declare module 'rxjs/Subject' {
 // typings/modules.d.ts
 declare module 'Types';
 declare module 'react-test-renderer';
-declare module 'enzyme';
 
 ```
 

README_SOURCE.md

@@ -536,7 +536,6 @@ export const SFCCounterConnectedVerbose =
     "no-submodule-imports": [true, "@src", "rxjs"],
     "no-this-assignment": [true, { "allow-destructuring": true }],
     "no-trailing-whitespace": true,
-    "no-unused-variable": [true, "react"],
     "object-literal-sort-keys": false,
     "object-literal-shorthand": false,
     "one-variable-per-declaration": [false],

package.json

@@ -1,12 +1,13 @@
 {
-  "devDependencies": {
-    "@types/node": "8.5.1",
-    "all-contributors-cli": "5.4.0"
-  },
-  "scripts": {
-    "ci-check": "npm run readme:generate",
-    "readme:generate": "node generate-readme",
-    "contributors:add": "all-contributors add",
-    "contributors:generate": "all-contributors generate"
-  }
+    "devDependencies": {
+        "@types/node": "8.5.1",
+        "all-contributors-cli": "5.4.0"
+    },
+    "scripts": {
+        "ci-check": "npm run readme:generate && npm run check-git-clean",
+        "check-git-clean": "if output=$(git status --porcelain) && [ -z '$output' ]; then echo 'Success!'; else echo '\n>>> Please check CONTRIBUTING.md to learn how to properly amend README.md <<<\n'; fi",
+        "readme:generate": "node generate-readme",
+        "contributors:add": "all-contributors add",
+        "contributors:generate": "all-contributors generate"
+    }
 }

playground/jest.config.json

@@ -14,8 +14,6 @@
       "tsConfigFile": "./tsconfig.json"
     }
   },
-  "setupFiles": [
-    "./jest.stubs.js"
-  ],
-  "setupTestFrameworkScriptFile": "./jest.tests.js"
+  "setupFiles": ["./jest.stubs.js"],
+  "testURL": "http://localhost/"
 }