selector-anti-pattern-review

Identify Redux selector anti-patterns causing unnecessary React re-renders.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/MajorLift/metamask-extension-skills --skill selector-anti-pattern-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: selector-anti-pattern-review
Source: https://github.com/MajorLift/metamask-extension-skills/tree/main/domains/ui-performance/skills/selector-anti-pattern-review
Command: npx skills add https://github.com/MajorLift/metamask-extension-skills --skill selector-anti-pattern-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Redux selector anti-patterns are a frequent source of React render cascades in large UI codebases. This skill helps engineers identify and diagnose these patterns to reduce unnecessary re-renders and improve perf.

Core Features & Use Cases

  • Grep-based pre-merge reviews to identify common selector anti-patterns.
  • Post-merge diagnosis guidance using render-trace signals to locate root causes.
  • Provide remediation recommendations, such as stabilizing selectors and avoiding identity returns.

Quick Start

Review a PR that touches selectors to identify common anti-patterns and apply the recommended fixes.

Frequently Asked Questions about selector-anti-pattern-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix Redux selector anti-patterns causing unnecessary React re-renders?

Fix Redux selector anti-patterns by identifying identity returns and unstable selectors that trigger React re-renders. This skill provides grep-based pre-merge checks and remediation guidance to stabilize selectors and curb render cascades.

What are common Redux selector anti-patterns that trigger React render cascades?

Common Redux selector anti-patterns include returning new object references on every call and unstable selector compositions. These patterns break React memoization, causing unnecessary re-renders in large UI codebases during state updates.

How do I review Redux selectors in a pull request to prevent performance issues?

Review Redux selectors in a pull request by running grep-based checks to identify anti-patterns before merge. This skill specifies pattern checks and recommended remedies to catch render-inducing selectors early in the code review workflow.

How do I diagnose unnecessary re-renders in production using render-trace signals?

Diagnose unnecessary re-renders by using post-merge render-trace signals to locate the root cause of Redux selector issues. This skill guides tracing the render cascades back to specific selectors and applying targeted fixes to stabilize them.

Can I use this to identify and stabilize selectors returning new object references?

Yes, you can identify and stabilize selectors returning new object references using the provided anti-pattern checks. The skill recommends specific code fixes to avoid identity returns and stabilize selector outputs for optimized React rendering.