React + TypeScript import 順をキレイにしたい - かもメモ

React のプロジェクトで import の並び順を揃えて見通しを良くしたい 前提 create-react-app --template typescript で作成したプロジェクトに ESLint と Prettier を導入してある "react-scripts": "^5.0.0" "react": "^17.0.2" "typescript": "~4.1.5" "eslint": "^8.6.0" "prettier": "2.5.1" 1. 使用してない import 自動削除する eslint-plugin-unused-imports を使用する $ npm i -D eslint-plugin-unused-imports .eslintrc.json に設定を追加する { "plugins": [ "react", "@typescript-eslint", + "