workleap-react-best-practices

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 Eliminierung 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-squide.