react

SKILL.md

Performance optimization guide for React v19 applications, adapted from Vercel's react-best-practices.

Key Principle: These rules are ordered by impact. Fix CRITICAL issues first.

| 1 | Eliminating Waterfalls | CRITICAL | Parallel async operations | | 2 | Bundle Size | CRITICAL | Dynamic imports, barrel files | | 3 | Re-render Optimization | MEDIUM | memo, state, dependencies | | 4 | Rendering Performance | MEDIUM | CSS, DOM, hydration | | 5 | JavaScript Performance | LOW-MEDIUM | Data structures, loops |

React v19 Best Practices für Vite SPA. Auslöser für Komponentendesign, erneutes Rendern, Leistung, Memoisierung, Zustandsverwaltung und Bundle-Optimierung. Wird für clientseitige Reaktionsmuster verwendet. Quelle: sebastiaanwouters/dotagents.

Original anzeigen