SolidJS TypeScript

1// Solid.js with TypeScript .cursorrules
2 
3// Prefer functional components
4 
5const preferFunctionalComponents = true;
6 
7// Solid.js and TypeScript best practices
8 
9const solidjsTypeScriptBestPractices = [
10  "Use createSignal<T>() for typed reactive state",
11  "Implement proper type definitions for components",
12  "Utilize TypeScript's strict mode",
13  "Use type inference where possible",
14  "Implement interfaces for complex prop types",
15  "Utilize utility types provided by Solid.js",
16];
17 
18// Folder structure
19 
20const folderStructure = `
21src/
22  components/
23  pages/
24  utils/
25  types/
26  App.tsx
27  index.tsx
28public/
29  index.html
30tsconfig.json
31`;
32 
33// Additional instructions
34 
35const additionalInstructions = `
361. Use .tsx extension for files with JSX
372. Implement strict TypeScript checks
383. Utilize Solid Router with proper typing
394. Use type-safe context with createContext
405. Implement proper typing for event handlers
416. Follow TypeScript best practices and naming conventions
427. Use type assertions sparingly and only when necessary
43`;
44 
45