Reusable React components with explicit data flow.
Guides the agent in sharing stateful logic across React components while keeping their rendering separate.
When to use it
Use when components need to share stateful logic but render differently, or when higher-order components cause naming collisions or excessive nesting.
It changes how the agent shares component logic by using functions passed as props, while preferring Hooks when appropriate.
What you provide
Applies to React components, using a function-valued render or children prop.
No additional actions listed.