performance

渲染、数据加载与代码分割的性能优化模式。关键词：性能、记忆化、虚拟化、代码分割、懒加载。

SKILL.md

--- frontmatter

name: performance
description: "Performance patterns for rendering, data loading, and code splitting. Keywords: performance, memoization, virtualization, code splitting, lazy loading."

Performance

This skill lists high-signal performance patterns for frontend apps.

1. Rendering

•Use React.memo for expensive components when props are stable.
•Use useMemo for expensive computations (filter/sort/map on large arrays).
•Use useCallback for handlers passed to memoized children.

2. Lists and virtualization

•For large lists/tables, use virtualization instead of rendering everything.
•Avoid re-creating row objects and callbacks on every render.

3. Code splitting

•Lazy-load heavy routes and rarely-used features.
•Split large vendor bundles when appropriate.