solidjs typescript
via PatrickJS/awesome-cursorrules
TypeScript-first Solid.js development with strict typing and functional components.
What is solidjs typescript?
Configures Cursor for Solid.js projects using TypeScript, emphasizing functional components, strict type checking, and reactive state management with createSignal. Use this rule when building type-safe Solid.js applications with proper component structure and TypeScript best practices.
- Use createSignal<T>() for typed reactive state management
- Implement strict TypeScript mode with proper type definitions for components and props
- Structure projects with dedicated folders for components, pages, utilities, and types
- Use .tsx extension for JSX files and apply type-safe event handler typing
- Leverage Solid Router and createContext with full TypeScript support
- Apply type inference and utility types while minimizing type assertions
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
// Solid.js with TypeScript .cursorrules
// Prefer functional components
const preferFunctionalComponents = true;
// Solid.js and TypeScript best practices
const solidjsTypeScriptBestPractices = [ "Use createSignal<T>() 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 `;
Related rules
Senior full-stack TypeScript, React, Node.js guidance with clean architecture, testing, and WHY-oriented reasoning.
Quantitative factor research skills for designing, evaluating, and mining alpha factors in equities markets.
Android development with Jetpack Compose, clean architecture, and Material Design 3.
Angular development with Novo Elements UI library using standalone components.
Expert Angular 18 + TypeScript development with Jest, emphasizing clean code and performance.
Manage Kubernetes clusters, add-ons, stacks, and credentials via the Ankra CLI platform.