react + typescript + materialUI + etc の作業ログ

目的

Reactにtypescriptを導入して、よく使うモジュール（redux,router,materialUI）を加えた作業を備忘録的に書き起こします。

前提

create-react-appを使用して、プロジェクトを作成しています。

yarn global add create-react-app

作業ログ

• プロジェクトの作成

create-react-app appName --scripts-version=react-scripts-ts

• モジュールの追加
  

yarn add react-redux react-router react-router-dom connected-react-router redux
yarn add -D @types/react-redux @types/react-router @types/react-router-dom
yarn add @material-ui/core
yarn add @material-ui/icons

お好みで

tslint.jsonのruleをお好みで変更する

  "rules": {
    "object-literal-sort-keys": false,
    "interface-name": false,
    "member-access": false,
    "ordered-imports": false
  },