Cursor rule

1---
2alwaysApply: false
3---
4---
5description: This rule explains React component patterns, hooks usage, and best practices.
6globs: **/*.jsx,**/*.tsx
7alwaysApply: false
8---
9 
10# React rules
11 
12- Use functional components with hooks instead of class components
13- Use custom hooks for reusable logic
14- Use the Context API for state management when needed
15- Use proper prop validation with PropTypes
16- Use React.memo for performance optimization when necessary
17- Use fragments to avoid unnecessary DOM elements
18- Use proper list rendering with keys
19- Prefer composition over inheritance