Typeスクリプトの起動

typescriptを勉強する中で、簡単なtodolistを作成したいです.
CRAを使用してtypescriptをreactに適用し、lintを設定します.

CRA(feat. Typescript)

craを以下の手順でインストール、反応に関連する@typesインストール、cra(typescript)実行順でを行います.

npm i create-react-app --template typescript
npm install typescript @types/node @types/react @types/react-dom @types/jest
npx create-react-app [디렉터리] --template typescript

Eslint

複雑すぎるので、まずきれいなものを使います.

npm i eslint prettier
npm i @typescript-eslint/eslint-plugin @typescript-eslint/parser
npm i eslint-config-airbnb
npm i eslint-config-prettier eslint-plugin-prettier
npm i eslint-plugin-react eslint-plugin-react-hooks
npm i eslint-plugin-jsx-a11y eslint-plugin-import