solidjs typescript
via PatrickJS/awesome-cursorrules
TypeScript best practices and patterns for Solid.js development.
What is solidjs typescript?
Provides guidance for building Solid.js applications with TypeScript, emphasizing functional components, type safety, and proper project structure. Use this rule when developing Solid.js projects to ensure consistent typing patterns and adherence to framework conventions.
- Enforces functional component patterns with TypeScript typing
- Guides createSignal and reactive state type definitions
- Recommends folder structure for Solid.js projects (components, pages, utils, types)
- Establishes TypeScript strict mode and type inference practices
- Provides typing patterns for props, context, and event handlers
- Advises on .tsx file extensions and type assertion best practices
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
Svelte best practices and patterns for modern web applications
Svelte 5 migration guide: runes, snippets, and standardized event handling.
SvelteKit + RESTful API + Tailwind CSS development guide with TDD and full file-path tracking.
Expert SvelteKit, Tailwind CSS, and TypeScript development standards with best practices and code patterns.
Expert guidance for SvelteKit development with TypeScript, Svelte 5 runes, and modern state management.
Swift UIKit MVVM + RxSwift development rules for reactive iOS applications.