diff options
Diffstat (limited to 'mac/.cursor/rules/react.mdc')
| -rw-r--r-- | mac/.cursor/rules/react.mdc | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/mac/.cursor/rules/react.mdc b/mac/.cursor/rules/react.mdc new file mode 100644 index 0000000..b595c43 --- /dev/null +++ b/mac/.cursor/rules/react.mdc @@ -0,0 +1,16 @@ +--- +description: This rule explains React component patterns, hooks usage, and best practices. +globs: **/*.jsx,**/*.tsx +alwaysApply: false +--- + +# React rules + +- Use functional components with hooks instead of class components +- Use custom hooks for reusable logic +- Use the Context API for state management when needed +- Use proper prop validation with PropTypes +- Use React.memo for performance optimization when necessary +- Use fragments to avoid unnecessary DOM elements +- Use proper list rendering with keys +- Prefer composition over inheritance |