react-impl-performance
Installation
SKILL.md
react-impl-performance
Quick Reference
Performance Optimization Tools
| Tool | Purpose | React Version | When to Use |
|---|---|---|---|
React.memo |
Skip re-renders when props unchanged | 18 + 19 | Expensive component, same props frequently |
useMemo |
Cache expensive computation results | 18 + 19 | Calculation >1ms on target hardware |
useCallback |
Stable function reference for children | 18 + 19 | Function prop to memo-wrapped child |
| React Compiler | Automatic memoization at build time | 19+ | Replaces manual memo/useMemo/useCallback |
<Profiler> |
Measure render durations | 18 + 19 | Identify slow components |
| React DevTools | Visual profiling (flamegraph, ranked) | 18 + 19 | Interactive performance investigation |
React.lazy |
Code splitting per route/component | 18 + 19 | Reduce initial bundle size |
@tanstack/virtual |
Virtualize long lists | 18 + 19 | Lists with 1000+ items |
Critical Warnings
Related skills