·workleap-react-best-practices
</>

workleap-react-best-practices

✓
workleap/wl-web-configsGitHub: workleap/wl-web-configsQuelle: workleap/wl-web-configs

React-Richtlinien zur Leistungsoptimierung für Single Page Applications (SPA) bei Workleap. Wird beim Schreiben, Überprüfen oder Refactoring von React SPA-Code verwendet, um optimale Leistungsmuster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Zustandsverwaltung, Bundle-Optimierung, Re-Rendering-Verhinderung, Rendering-Leistung oder JavaScript-Leistungsverbesserungen betreffen. Behandelt die Beseitigung asynchroner Wasserfälle, die Reduzierung der Bundle-Größe, die Optimierung des erneuten Renderns, die Rendering-Effizienz, JS-Mikrooptimierungen und erweiterte Reaktionsmuster. Deckt NICHT serverseitiges Rendering (SSR), Next.js oder Serverkomponenten ab.

workleap·react·best·practices
13Installationen·0Trend·@workleap

Installation

GitHub: workleap/wl-web-configs
$npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practices

So installieren Sie workleap-react-best-practices

Installieren Sie den KI-Skill workleap-react-best-practices schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practices
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: workleap/wl-web-configs.

SKILL.md

Original anzeigen

Performance optimization guide for React Single Page Applications (SPA), tailored for Workleap's SPA-first architecture.

| 1 | Eliminating Waterfalls | CRITICAL | async-rules.md | | 2 | Bundle Size Optimization | CRITICAL | bundle-rules.md | | 3 | Re-render Optimization | MEDIUM | rerender-rules.md | | 4 | Rendering Performance | MEDIUM | rendering-rules.md | | 5 | JavaScript Performance | LOW-MEDIUM | js-rules.md | | 6 | Advanced Patterns | LOW | advanced-rules.md |

Waterfalls are the #1 performance killer. Each sequential await adds full network latency.

React-Richtlinien zur Leistungsoptimierung für Single Page Applications (SPA) bei Workleap. Wird beim Schreiben, Überprüfen oder Refactoring von React SPA-Code verwendet, um optimale Leistungsmuster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Zustandsverwaltung, Bundle-Optimierung, Re-Rendering-Verhinderung, Rendering-Leistung oder JavaScript-Leistungsverbesserungen betreffen. Behandelt die Beseitigung asynchroner Wasserfälle, die Reduzierung der Bundle-Größe, die Optimierung des erneuten Renderns, die Rendering-Effizienz, JS-Mikrooptimierungen und erweiterte Reaktionsmuster. Deckt NICHT serverseitiges Rendering (SSR), Next.js oder Serverkomponenten ab. Quelle: workleap/wl-web-configs.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practices
Quelle
workleap/wl-web-configs
Kategorie
</>Entwicklung
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-11
URL
https://www.learn-skills.dev/de/skills/workleap/wl-web-configs/workleap-react-best-practices

Browse more skills from workleap/wl-web-configs

Schnelle Antworten

Was ist workleap-react-best-practices?

React-Richtlinien zur Leistungsoptimierung für Single Page Applications (SPA) bei Workleap. Wird beim Schreiben, Überprüfen oder Refactoring von React SPA-Code verwendet, um optimale Leistungsmuster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Zustandsverwaltung, Bundle-Optimierung, Re-Rendering-Verhinderung, Rendering-Leistung oder JavaScript-Leistungsverbesserungen betreffen. Behandelt die Beseitigung asynchroner Wasserfälle, die Reduzierung der Bundle-Größe, die Optimierung des erneuten Renderns, die Rendering-Effizienz, JS-Mikrooptimierungen und erweiterte Reaktionsmuster. Deckt NICHT serverseitiges Rendering (SSR), Next.js oder Serverkomponenten ab. Quelle: workleap/wl-web-configs.

Wie installiere ich workleap-react-best-practices?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practices Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/workleap/wl-web-configs

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25

Verwandte Skills

workleap-web-configs
25 Installationen
workleap-chromatic-best-practices
19 Installationen
workleap-skill-optimizer
5 Installationen
workleap-skill-safety-review
5 Installationen