Cursor rule

1---
2description: 
3globs: **/*.tsx
4alwaysApply: false
5---
6React Naming Conventions:
7 
8- Use kebab-case for files and directories.
9 
10Components:
11- DO not use 'use client' or 'use server' statements
12- Favor named exports for components
13- Ensure components are modular, reusable, and maintain a clear separation of concerns.
14- Always split React components out so there is only ever one per file
15- Keep logic as low as possible. For example a PostItem should handling its own deletion, rather than passing the logic up in a property callback.
16- Rather than have a large function, like a TRPC mutation handler, inside the component, refactor and split it out into a generic helper or hooks lib.
17- DO NOT `import * as React from 'react'`, import each React function specifically
18- `zod` and `react-hook-form` packages are installed - use them.
19 
20UI and Styling:
21 
22- Use Shadcn UI, Radix, and Tailwind Aria for components and styling
23- Prefer using Shadcn components for anything UI related
24- Implement responsive design with Tailwind CSS; use a mobile-first approach