Edited at

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
},