React mistake: Adding specific logic into a reusable component


React mistake: Adding specific logic into a reusable component.

How to spot it: Are we adding props and logic to this component for a single, specific use case? Is this making the reusable component *less* reusable?

The solution: Extract specific logic. Make specific logic the responsibility of the caller.

View original on X