ESLintルール

anonymous tuple modeを関数/コンポーネント内部で呼び出せないようにします。

なぜ必要か

createRxState(defaultValue)は呼び出すたびに新しいストアを作成します。モジュールの最上位でエクスポートして使用するのは安全ですが、Reactコンポーネント内部で呼び出すとレンダーパスごとに新しいストアが作成される可能性があります。

禁止パターン

コンポーネント内部ではanonymous tuple modeの代わりにnamed modeまたはnamed tuple helperを使用してください。

ESLintフラット設定

const globalRxState = require("@byeolnaerim/global-rx-state/eslint-rules");

module.exports = [
  {
    plugins: {
      "global-rx-state": globalRxState,
    },
    rules: {
      "global-rx-state/no-tuple-global-rx-state-in-function": "error",
    },
  },
];

レガシールールディレクトリ

bash

eslint src --rulesdir node_modules/@byeolnaerim/global-rx-state/eslint-rules