Agent skill

precision-re-render-control

Minimize unnecessary re-renders through precise state partitioning and selector-driven updates.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/precision-re-render-control

SKILL.md

Precision Re-render Control (React 18)

Summary

Minimize unnecessary re-renders through precise state partitioning and selector-driven updates.

Key Capabilities

  • Implement selector-based memoization for fine-grained updates.
  • Partition global state to isolate hot paths.
  • Detect referential instability and eliminate it.

PhD-Level Challenges

  • Construct a formal model of re-render propagation.
  • Prove minimality of renders under defined constraints.
  • Evaluate selector stability with adversarial updates.

Acceptance Criteria

  • Provide render-count baselines and improvements.
  • Demonstrate stable selectors with no thrashing.
  • Document state partition strategy.

Didn't find tool you were looking for?

Be as detailed as possible for better results