Lokalisierter Leseleitfaden
vercel-react-best-practicesZweck, Verwendung und Quelle
React undNext.jsRichtlinien zur Leistungsoptimierung von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring angewendet werden.React/Next.jsCode zur Sicherstellung optimaler Leistungsmuster. Auslöser für Aufgaben, die React-Komponenten betreffen.Next.jsSeiten, Datenabruf, Bündeloptimierung oder Leistungsverbesserungen.
Quelle abgerufen:
- Quell-Repository
- vercel-labs/agent-skills
- SKILL.md
skills/react-best-practices/SKILL.md- Repository-Sterne
- 33,269
- Repository zuletzt aktualisiert
- 2026-10-29
- Fähigkeitskategorien
- Entwicklung
- Letzte Datenerfassung
Lizenz: Nicht angegeben
Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.
Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.
Was diese Fähigkeit bewirkt
React undNext.jsRichtlinien zur Leistungsoptimierung von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring angewendet werden.React/Next.jsCode zur Sicherstellung optimaler Leistungsmuster. Auslöser für Aufgaben, die React-Komponenten betreffen.Next.jsSeiten, Datenabruf, Bündeloptimierung oder Leistungsverbesserungen.
Wie der vorgelagerte Workflow funktioniert
Anleitung zur Verwendung
Lesen Sie die einzelnen Regeldateien für detaillierte Erklärungen und Codebeispiele: Jede Regeldatei enthält: Eine kurze Erläuterung der Bedeutung, ein fehlerhaftes Codebeispiel mit Erklärung
Aufwärtspassage · L132 ↗Wann bewerben?
Beachten Sie diese Richtlinien beim: Schreiben neuer React-Komponenten oderNext.jsSeiten Implementierung des Datenabrufs (client- oder serverseitig) Code auf Leistungsprobleme überprüfen
Aufwärtspassage · L14 ↗Vercel React Best Practices
Umfassender Leitfaden zur Leistungsoptimierung für React undNext.jsAnwendungen, die von Vercel verwaltet werden. Enthält70Regeln über8Kategorien, priorisiert nach ihrer Auswirkung, um automatisiertes Refactoring und Codegenerierung zu steuern.
Aufwärtspassage · L10 ↗rules/async-parallel.md
rules/bundle-barrel-imports.mdAnforderungen und Einrichtung
Aus dieser Datei wurde kein Abschnitt mit kurzen Anforderungen ausgewählt. Dies bedeutet nicht, dass die Fertigkeit keine Abhängigkeiten hat. Überprüfen Sie die Anweisungen zur Repository-Einrichtung und die referenzierten Dateien.
Grenzwerte und Qualitätskontrollen
Aus dieser Datei wurde kein separater Grenzwertabschnitt ausgewählt. Dies bedeutet nicht, dass die Anwendung für jede Eingabe oder Umgebung geeignet ist. Überprüfen Sie den vollständigen Quellcode und validieren Sie Ihr Ergebnis selbst.
Beginnen Sie mit einem sicheren Testlauf
- Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
- Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
- Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
- Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.
Lesen Sie mehr dazu in der Quelle.
- Vercel React Best Practices
- Wann bewerben?
- 1Beseitigung von Wasserfällen (KRITISCH)
- 2Optimierung der Paketgröße (KRITISCH)
- 3Serverseitige Leistung (HOCH)
- 4Clientseitiger Datenabruf (MITTEL-HOCH)
- 5. Neurender-Optimierung (MITTEL)
- 6Rendering-Leistung (MITTEL)
- 7JavaScript-Performance (NIEDRIG-MITTEL)
- 8Fortgeschrittene Muster (NIEDRIG)
- Anleitung zur Verwendung
- Vollständiges zusammengestelltes Dokument
Verwandte Fähigkeiten
Übersetzung und Umfang
Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.
Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.
- Angeheftete Quelle
- Lesen Sie das Original ↗
- Quelle abgerufen
- Source-Commit
1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62- Quelle SHA-256
71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355