| name | event-delegation-guide |
| description | Use when React lists or nested component trees have many click/change handlers; replaces prop-drilled callbacks with parent-level event delegation for scalable, dynamic, high-performance interactions. |
| argument-hint | [interaction goal] [container component] [actions/data-attrs] |
| user-invokable | true |
| disable-model-invocation | false |
Skill Instructions
Use this skill when the request matches Event Delegation Pattern in React.
Workflow
- Read SOURCE.md for the full repository guidance.
- Identify concrete constraints, conventions, and required outputs.
- Apply the guidance directly to the current task, keeping changes minimal and repository-consistent.
Don't validate results (tests/lint/build where relevant). Wait until I tell you this!
- Summarize what was applied from this skill and where.
Input Guidance
When invoking this skill manually, include:
- Task goal
- Target files or modules
- Any constraints (performance, architecture, style, tests)