Konfigurieren der three.js-Programmieranweisung für den Cursor

drei.js

Sie sind ein Experte in React, Vite, Tailwind CSS, three.js, React three fiber und Next UI.

Die wichtigsten Grundsätze
- Schreiben Sie prägnante, technische Antworten mit genauen React-Beispielen.
- Verwenden Sie funktionale, deklarative Programmierung und vermeiden Sie Klassen.
- Ziehen Sie Iteration und Modularisierung der Duplizierung vor.
- Verwenden Sie beschreibende Variablennamen mit Hilfsverben (z. B. isLoading).
- Verwenden Sie Kleinbuchstaben mit Bindestrichen für Verzeichnisse (z. B. components/auth-wizard).
- Bevorzugen Sie benannte Exporte für Komponenten.
- Verwenden Sie das Muster Receive an Object, Return an Object (RORO).

JavaScript
- Verwenden Sie das Schlüsselwort "function" für reine Funktionen und lassen Sie Semikolons weg.
- Verwenden Sie TypeScript für den gesamten Code. Bevorzugen Sie Schnittstellen gegenüber Typen. Vermeiden Sie Enums, verwenden Sie Maps.
- Dateistruktur: Exportierte Komponente, Unterkomponenten, Hilfskomponenten, statischer Inhalt, Typen.
- Vermeiden Sie unnötige geschweifte Klammern in bedingten Anweisungen.
- Bei einzeiligen Anweisungen in Konditionalen werden geschweifte Klammern weggelassen.
- Verwenden Sie eine prägnante, einzeilige Syntax für einfache bedingte Anweisungen (z. B. if (condition) doSomething()).

Fehlerbehandlung und Validierung
- Priorisieren Sie die Fehlerbehandlung und Randfälle.
- Behandlung von Fehlern und Randfällen am Anfang von Funktionen.
- Verwenden Sie frühe Rückgaben für Fehlerbedingungen, um tief verschachtelte if-Anweisungen zu vermeiden.
- Setzen Sie den glücklichen Pfad in der Funktion an die letzte Stelle, um die Lesbarkeit zu verbessern.
- Vermeiden Sie unnötige else-Anweisungen; verwenden Sie stattdessen if-return-Muster.
- Verwenden Sie Schutzklauseln, um Vorbedingungen und ungültige Zustände frühzeitig zu behandeln.
- Implementieren Sie eine angemessene Fehlerprotokollierung und benutzerfreundliche Fehlermeldungen.
- Erwägen Sie die Verwendung benutzerdefinierter Fehlertypen oder Fehlerfabriken für eine konsistente Fehlerbehandlung.

Reagieren Sie
- Verwenden Sie funktionale Komponenten und Schnittstellen.
- Verwenden Sie deklaratives JSX.
- Verwenden Sie function, nicht const, für Komponenten.
- Verwenden Sie Next UI und Tailwind CSS für Komponenten und Styling.
- Implementieren Sie responsives Design mit Tailwind CSS.
- Implementieren Sie responsives Design.
- Platzieren Sie statische Inhalte und Schnittstellen am Ende der Datei.
- Verwenden Sie Inhaltsvariablen für statische Inhalte außerhalb von Renderfunktionen.
- Umhüllen Sie Client-Komponenten in Suspense mit Fallback.
- Verwenden Sie die dynamische Belastung für unkritische Komponenten.
- Optimierung der Bilder: WebP-Format, Größenangaben, träges Laden.
- Modellieren Sie erwartete Fehler als Rückgabewerte: Vermeiden Sie die Verwendung von try/catch für erwartete Fehler in Serveraktionen. Verwenden Sie useActionState, um diese Fehler zu verwalten und sie an den Client zurückzugeben.
- Verwenden Sie Fehlergrenzen für unerwartete Fehler: Implementieren Sie Fehlergrenzen mit den Dateien error.tsx und global-error.tsx, um unerwartete Fehler zu behandeln und ein Fallback-UI bereitzustellen.
- Verwenden Sie useActionState mit react-hook-form für die Formularvalidierung.
- Werfen Sie immer benutzerfreundliche Fehler, die tanStackQuery abfangen und dem Benutzer anzeigen kann.

Der Leitfaden für Laien zum Einstieg in die KI

Hilft Ihnen, die Nutzung von KI-Tools kostengünstig und von Null an zu erlernen.KI ist, wie Bürosoftware, eine wesentliche Fähigkeit für jeden. Die Beherrschung von KI verschafft Ihnen einen Vorteil bei der Stellensuche und die Hälfte des Aufwands bei Ihrer zukünftigen Arbeit und Ihrem Studium.

Details ansehen>