⚡
← 返回首页
⚛️Cursor

Cursor React 开发规则

React 项目中使用 Cursor 的最佳实践与规则配置。

#cursor#react#前端

Cursor React 开发规则

组件规范

  • 使用函数组件 + Hooks
  • 避免类组件
  • 每个组件一个文件
  • 组件文件名使用 PascalCase

Hooks 规则

  • 自定义 Hook 以 use 开头
  • Hook 中不要包含 JSX
  • useEffect 必须清理副作用

State 管理

  • 优先使用 useState / useReducer
  • 跨组件共享使用 Context
  • 避免 prop drilling 超过 3 层

样式

  • 使用 Tailwind CSS
  • 避免内联样式
  • CSS Module 用于复杂组件

相关规则

⚙️

Cursor 通用编码规则

适用于所有 Cursor 项目的通用规则，规范代码风格、注释和架构。

▲

Cursor Next.js 项目规则

Next.js App Router 项目中使用 Cursor 的规则和最佳实践。

🐍

Cursor Python 开发规则

Python 项目中使用 Cursor 的编码规则和最佳实践。

🔀

Cursor Git 工作流规则

在 Cursor 中使用 Git 的规范工作流和提交规则。