ESLint Rule

ป้องกันไม่ให้เรียก anonymous tuple mode ภายในฟังก์ชัน/คอมโพเนนต์.

ทำไมถึงจำเป็น

createRxState(defaultValue)จะสร้าง store ใหม่ทุกครั้งที่เรียก การส่งออกจากระดับบนสุดของโมดูลนั้นปลอดภัย แต่ถ้าเรียกภายในคอมโพเนนต์ React อาจทำให้ store ใหม่ถูกสร้างขึ้นในแต่ละเส้นทางการเรนเดอร์.

รูปแบบที่ห้าม

ภายในคอมโพเนนต์ให้ใช้ named mode หรือ named tuple helper แทน anonymous tuple mode.

ESLint flat config

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",
    },
  },
];

Legacy rulesdir

bash

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