react.mdc

Allgemeine React-Patterns: Komponentenstruktur, Hooks, State-Management

Für wen: Alle React-Projekte

So nutzt du es

Datei in deinem Projekt unter .cursor/rules/ ablegen (modernes .mdc-Format) oder den Inhalt in den Cursor-Einstellungen unter Rules einfügen. Cursor hält sich ab dann in diesem Projekt an die Regeln — z. B. Stack-Konventionen und Code-Stil.

Im Detail

Diese Regel aus PatrickJS/awesome-cursorrules deckt allgemeine React-Patterns ab: sinnvolle Komponentenaufteilung, Umgang mit Hooks und Empfehlungen zum State-Management, ohne sich auf ein bestimmtes Meta-Framework wie Next.js festzulegen. Sie eignet sich für alle React-Projekte, unabhängig davon, ob Sie Vite, Create React App oder ein eigenes Setup nutzen. Der Vorteil gegenüber den Next.js-spezifischen Regeln ist die Framework-Unabhängigkeit; wer bereits mit dem Next.js App Router arbeitet, sollte zusätzlich eine spezialisierte Next.js-Regel einbinden, da diese Routing- und Server-Component-Besonderheiten abdeckt, die hier fehlen.

Praxis-Tipp

Kombinieren Sie diese Regel bei Next.js-Projekten zusätzlich mit nextjs-app-router, damit sowohl allgemeine React- als auch Next.js-spezifische Konventionen greifen.

Siehe auch

• nextjs-react-typescript-…
• typescript.mdc
• tailwind.mdc

Lizenz & Quelle

• Lizenz: CC0-1.0
• Quelle: github.com/PatrickJS/awesome-cursorrules

Lade …