CommunityCodierung & Entwicklunggithub.com

nickcrew/react-performance-optimization

Optimierungsmuster für React-Performance mit Memoisierung, Code-Splitting und effizienten Rendering-Strategien. Verwenden Sie dies zur Optimierung langsamer React-Anwendungen, zur Reduzierung der Bundle-Größe oder zur Verbesserung der Benutzererfahrung bei großen Datensätzen.

Was ist react-performance-optimization?

Diese Skill bietet eine umfassende Sammlung von Optimierungsmustern für React-Anwendungen, die sich auf Memoisierungstechniken wie `React.memo`, `useMemo` und `useCallback`, Code-Splitting mit `React.lazy` und `Suspense` sowie effiziente Rendering-Strategien konzentriert. Sie ist besonders nützlich für Entwickler, die langsame React-Anwendungen optimieren, Bundle-Größen reduzieren oder die Benutzererfahrung bei der Verarbeitung großer Datensätze verbessern möchten. Die Skill unterstützt verschiedene KI-Agenten-Plattformen wie Claude Code, Cursor und Codex und bietet praktische Richtlinien zur Identifizierung von Performance-Engpässen, Implementierung von Memoisierung und Anwendung von Code-Splitting. Durch die Nutzung dieser Muster können Entwickler die Reaktionsfähigkeit ihrer Anwendung erheblich verbessern, unnötige Neurenderings vermeiden und die Erstladezeiten durch Code-Splitting reduzieren. Die Skill enthält auch bewährte Methoden für die Performance-Überwachung mit Tools wie dem React Profiler und die Behandlung von Datenabhängigkeiten, um eine reibungslose Benutzererfahrung zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/nickcrew/claude-ctx-plugin/tree/main/skills/react-performance-optimization

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-performance-optimization?

Optimierungsmuster für React-Performance mit Memoisierung, Code-Splitting und effizienten Rendering-Strategien. Verwenden Sie dies zur Optimierung langsamer React-Anwendungen, zur Reduzierung der Bundle-Größe oder zur Verbesserung der Benutzererfahrung bei großen Datensätzen.

Verwandte Skills