Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Apply 62 React and Next.js performance optimization rules from Vercel Engineering
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
rules/js-combine-iterations.md
1---2title: Combine Multiple Array Iterations3impact: LOW-MEDIUM4impactDescription: reduces iterations5tags: javascript, arrays, loops, performance6---78## Combine Multiple Array Iterations910Multiple `.filter()` or `.map()` calls iterate the array multiple times. Combine into one loop.1112**Incorrect (3 iterations):**1314```typescript15const admins = users.filter(u => u.isAdmin)16const testers = users.filter(u => u.isTester)17const inactive = users.filter(u => !u.isActive)18```1920**Correct (1 iteration):**2122```typescript23const admins: User[] = []24const testers: User[] = []25const inactive: User[] = []2627for (const user of users) {28if (user.isAdmin) admins.push(user)29if (user.isTester) testers.push(user)30if (!user.isActive) inactive.push(user)31}32```33