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

Aus PatrickJS/awesome-cursorrules stammende Basis-Regel für React-Projekte, unabhängig vom Meta-Framework. Sie deckt grundlegende Patterns ab: funktionale Komponenten, sinnvolle Aufteilung von Logik in Custom Hooks, State-Management-Entscheidungen (lokal vs. global) und Vermeidung von Prop-Drilling. Im Gegensatz zu den spezialisierteren Next.js-Regeln bleibt sie bewusst allgemein und passt daher auch zu Vite-, CRA- oder React-Native-Setups. Für wen: Teams, die eine gemeinsame Grundlage für React-Code wollen, bevor sie Framework-spezifische Regeln (Next.js, Tailwind) obendrauf setzen. Wer ausschließlich mit Next.js App Router arbeitet, sollte eher direkt zur spezifischeren Next.js-Regel greifen, da diese aktuellere React-Server-Component-Patterns abdeckt.

Praxis-Tipp

Kombiniere react-mdc mit typescript-mdc für typsichere Komponenten oder mit tailwind-mdc, wenn dein Styling über Utility-Klassen läuft.

Siehe auch

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

Lizenz & Quelle

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

Lade …