ESLint规则

阻止在函数/组件内部调用匿名元组模式。

为什么需要

createRxState(defaultValue)每次调用都会创建新的存储。在模块顶层导出使用是安全的，但在React组件内部调用时，可能会在每个渲染路径中创建新的存储。

禁止模式

在组件内部请使用命名模式或命名元组助手，而不是匿名元组模式。

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