Solidjs TypeScript

Cursor-Regel für SolidJS mit TypeScript: typisierte Signals, Props und Komponenten.

Original-Beschreibung der Autoren: Cursor rules for Solid.js development with TypeScript integration.

Die Regel

---
description: "Cursor rules for Solid.js development with TypeScript integration."
globs: **/*
alwaysApply: false
---
// 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 = `
1. Use .tsx extension for files with JSX
2. Implement strict TypeScript checks
3. Utilize Solid Router with proper typing
4. Use type-safe context with createContext
5. Implement proper typing for event handlers
6. Follow TypeScript best practices and naming conventions
7. Use type assertions sparingly and only when necessary
`;

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Legt fest, wie Signals, Stores und Komponenten-Props in SolidJS sauber typisiert werden — etwa Signal<T>-Typen, typisierte children-Props oder generische Komponenten —, Bereiche, in denen sich Solids Typisierung von React/TS unterscheidet und generischer KI-Code sonst leicht auf any ausweicht. Relevant für Teams, die strikte TypeScript-Konfiguration fahren und keine Typlücken zwischen Signal-Definition und Verwendung wollen. Wie solidjs-tailwind eine Ergänzungsregel, die auf den Grundlagen aufbaut statt sie zu ersetzen.

Praxis-Tipp

Bei striktem tsconfig aktivieren und z. B. „Erstelle eine typisierte Store-Komponente für eine Todo-Liste“ prompten — verhindert implizite any-Typen bei Signal-Rückgaben.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …