ESLintを追加

[Kassy0220]

Issue

• Linter/Formatterを追加する #35

概要

ESLintとその設定を追加した。
追加で以下のプラグインも追加している。

• globals
  • READMEには「異なるJavaScript環境からのグローバル識別子」とある。
  • これを追加しないと、window.Stimulusというコードがno-undefルール('window' is not defined)に引っかかってしまう。
• eslint-plugin-react
• eslint-plugin-jsx-a11y
  • JSXのアクセシビリティを検査してくれる
• eslint-plugin-react-hooks

備考

ESLintの設定ファイル

ESLintはバージョン9から新しい設定方法(flat config)を使うようになっている。
新しい設定方法では、設定ファイルとして.eslint.config.jsを利用するようになった(それ以前は.eslintrc.js)。

バージョン8.23.0以降でも.eslint.config.jsが利用できるようになっているため、今回は新しい設定方法を利用することにする。

https://github.com/jsx-eslint/eslint-plugin-react?tab=readme-ov-file#configuration-new-eslintconfigjs

eslint-plugin-react-hooksの設定

どうやら、eslint-plugin-react-hooksはflat configに対応していない模様(2024/09/28時点)。

facebook/react#28313

そこで、以下の記事を参考に設定を行った。

• 【ESLint】Flat Config に eslint-plugin-react-hooks を追加する #React - Qiita