React Japan light logo
article hero
Steven Sacks
Steven Sacks

ESLint - Situational rules

使用しているツールによって、これらのルールは状況に応じたものになります。

storybook + react-testing-library

storybook および/または react-testing-library を使用する場合、これらのファイルに対するオーバーライドで特定のルールを無効にすると便利です。これらのルールは本番コードでは有用ですが、ストーリーやテストで不必要な問題を引き起こす可能性があります。

ESLint vitest プラグインを ESLint 8.57.0 と共に使用する場合、legacy-recommended を拡張する必要があります。

const storybookConfig = [...storybook.configs['flat/recommended']];
 
const testHarnessConfig = [
  {
    files: ['*.test.ts?(x)', '*.stories.ts?(x)', 'test/**/*.ts?(x)'],
    name: 'vitest',
    plugins: {
      'jest-dom': jestDom,
      vitest,
    },
    rules: {
      ...vitest.configs.recommended.rules,
    },
  },
];

次の記事: ESLint - 意見の分かれるルール

前の記事: ESLint - ソート

主な記事: ESLintの保存時の修正でワークフローを次のレベルに上げる方法