js-performance-patterns

SKILL.md

JavaScript Performance Patterns

Table of Contents

When to Use

Instructions

Details

Source

Runtime performance micro-patterns for JavaScript hot paths. These patterns matter most in tight loops, frequent callbacks (scroll, resize, animation frames), and data-heavy operations. They apply to any JavaScript environment — React, Vue, vanilla, Node.js.

When to Use

Reference these patterns when:

Profiling reveals a hot function or tight loop

Processing large datasets (1,000+ items)

Handling high-frequency events (scroll, mousemove, resize)

Optimizing build-time or server-side scripts

Reviewing code for performance in critical paths