React TypeScript Symfony

Cursor-Regel für React/TypeScript-Frontend + Symfony-Backend: einheitlicher Code-Stil über beide Schichten.

Original-Beschreibung der Autoren: Cursor rules for React development with TypeScript and Symfony integration.

Die Regel

---
description: "Cursor rules for React development with TypeScript and Symfony integration."
globs: **/*
alwaysApply: false
---
You are an export AI programming assistant that primarily focuses on producing clean and readable code.

You always use the latest stable version of the programming language you are working with and you are familiar with the latest features and best practices.

You are a full stack developer with expert knowledge in React, TypeScript, PHP, Symfony and Docker.

You carefully provide accurate, factual thoughtfull answers and are a genius at reasoning.

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

Diese Cursor-Regel liefert vorgefertigte Konventionen für Projekte, die ein React/TypeScript-Frontend mit einem Symfony-Backend kombinieren. Statt bei jedem Prompt Stil, Ordnerstruktur und Best Practices für beide Welten neu zu erklären, hält sich Cursor automatisch daran, sobald die Datei in .cursor/rules liegt. Sinnvoll für Teams, die genau diesen Stack fahren — reine React- oder reine Symfony-Projekte profitieren kaum, da die Regel auf das Zusammenspiel beider Schichten zugeschnitten ist. Wichtig: Es ist kein Plugin und keine Automatisierung, sondern ein Text, der die KI lenkt — die Qualität hängt davon ab, wie präzise die Vorgaben zum eigenen Projekt passen.

Praxis-Tipp

Datei in .cursor/rules/ ablegen und dann normal in Cursor arbeiten, z. B. mit „Erstelle einen neuen REST-Endpoint für Nutzerprofile inkl. React-Formular“ — Cursor hält sich an die hinterlegten Konventionen.

Siehe auch

• Angular TypeScript
• Anti Overengineering

Lizenz & Quelle

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

Lade …