itsdillon readmewriter-example .cursorrules file for TypeScript

Main technologies/frameworks used:
- Hono - Fast and lightweight web framework for Node.js
- Bun - Ultra-fast JavaScript runtime
- TypeScript - Static typing for JavaScript
- React JSX - Declarative UI component model 

Code style/structure:
- Use TypeScript for type safety
- Component file names are PascalCase
- Variable and function names are camelCase
- Indent using 2 spaces
- Export components and functions
- Destructure props in components
- Avoid giant components - break into reusable pieces
- Wrap components in React.memo for performance

Naming conventions:  
- Components are PascalCase
- Hooks start with 'use' prefix
- Constants are UPPER_SNAKE_CASE
- Event handlers are handle[Event] 
- Boolean props are is/has[Property]

UI/styling:
- Use Tailwind CSS utility classes
- Add aria-* attributes for accessibility 
- Mobile-first responsive design
- Extract inline styles to styled components

Syntax:
- Prefer arrow functions over function declarations
- Use template literals instead of string concatenation
- Always use === instead of ==

Formatting:  
- Use Prettier to auto-format code
- Maximum line length 100 characters
- Newline at end of files

Performance:
- Lazy load components with React.lazy 
- Use React.memo on functional components
- Virtualize long lists with react-window
- Prefetch data with SWR

Let me know if any additional rules need clarification or expansion!
bun
java
javascript
prettier
react
tailwindcss
typescript

First Time Repository

TypeScript

Languages:

TypeScript: 0.4KB
Created: 7/9/2024
Updated: 10/5/2024

All Repositories (1)