TypeScriptを導入する

[ryota1116]

やったこと

• [x] 各種ライブラリのインストール

  • https://qiita.com/ochiochi/items/efdaa0ae7d8c972c8103#webpack%E3%81%AA%E3%81%A9%E3%83%84%E3%83%BC%E3%83%AB%E9%A1%9E%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB

    $ npm install typescript ts-loader  ts-lint webpack webpack-cli webpack-dev-server --save-dev

• [x] webpackの設定(webpack.config.js)

• [x] tsconfing.jsonの追加および設定

  $ ./node_modules/.bin/tsc --init

• [x] 型定義ファイル@types/のインストール

  npm i @types/{react,react-dom} --save-dev

• [x] 不要になったファイルやライブラリを削除

  $ npm remove @babel/core @babel/preset-env @babel/preset-react babel/loader
  $ npm remove prop-types
  $ rm .babelrc

• [x] Reactコンポーネントのファイルに型を書く(js -> tsx)

参考記事

• https://qiita.com/toshi-toma/items/080b89000ed7f0242bee