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 Vite SPA 最佳實踐。觸發組件設計、重新渲染、性能、記憶、狀態管理、捆綁優化。用於客戶端 React 模式。 來源：sebastiaanwouters/dotagents。

查看原文