Regra do ESLint

Impedir chamadas do modo de tupla anônima dentro de funções/componentes.

Por que é necessário?

createRxState(defaultValue)cria uma nova store a cada chamada. É seguro exportar e usar no nível superior do módulo, mas se chamado dentro de um componente React, uma nova store pode ser criada a cada caminho de renderização.

Padrões proibidos

Dentro do componente, use o modo nomeado ou o helper de tupla nomeada em vez do modo de tupla anônima.

Configuração flat do 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",
    },
  },
];

Diretório de regras legadas

bash

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