From 123bd9bf9ece138c138b39c45f588664a7c807b3 Mon Sep 17 00:00:00 2001 From: Innei Date: Sun, 22 Jun 2025 23:02:34 +0800 Subject: [PATCH] feat: add code quality rules for TypeScript and React components - Introduced a new markdown file with guidelines for maintaining code quality in TypeScript and React projects. - Emphasized the importance of avoiding code duplication, managing component complexity, and adhering to React best practices. Signed-off-by: Innei --- .cursor/rules/code-quality.mdc | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 .cursor/rules/code-quality.mdc diff --git a/.cursor/rules/code-quality.mdc b/.cursor/rules/code-quality.mdc new file mode 100644 index 00000000..88dae26c --- /dev/null +++ b/.cursor/rules/code-quality.mdc @@ -0,0 +1,10 @@ +--- +description: +globs: *.ts,*.tsx +alwaysApply: false +--- +你需要考虑代码质量，以下的规则请务必遵守： + +1. 你要尽可能避免重复代码出现，遇到多次使用的 types 需要提取一个通用 Type；遇到多次使用的组件代码，需要封装一个通用组件。 +2. 你要避免出现逻辑过大的组件，需要使用抽离 hook 或者拆分小组件的方式实现。 +3. 在编写 React 组件时，需要熟练掌握 React 哲学。学会正确使用 Context、拆分组件使得状态下沉等方式解决 React 重渲染问题。