Solidjs Typescript
Cursor rules for Solid.js development with TypeScript integration.
Awesome CursorRulesv10 stars · 0 forks · 0 makes≈258 tokens
// Solid.js with TypeScript .cursorrules
// Prefer functional components
const preferFunctionalComponents = true;
// Solid.js and TypeScript best practices
const solidjsTypeScriptBestPractices = [ "Use createSignal() for typed reactive state", "Implement proper type definitions for components", "Utilize TypeScript's strict mode", "Use type inference where possible", "Implement interfaces for complex prop types", "Utilize utility types provided by Solid.js", ];
// Folder structure
const folderStructure = src/ components/ pages/ utils/ types/ App.tsx index.tsx public/ index.html tsconfig.json;
// Additional instructions
const additionalInstructions = `
- Use .tsx extension for files with JSX
- Implement strict TypeScript checks
- Utilize Solid Router with proper typing
- Use type-safe context with createContext
- Implement proper typing for event handlers
- Follow TypeScript best practices and naming conventions
- Use type assertions sparingly and only when necessary `;