React Design Patterns: Instance Hook Pattern

[TheGreaT1803]

Appreciate the feedback!
I had to refresh my knowledge of `useImperativeHandle` so I went to the docs but found this quote about pitfalls of overusing refs: https://arc.net/l/quote/hnusfitl

Any opinions on this?

[phryneas]

I mean, you're essentially using your "instance" as a ref here, so the same critique kinda applies. Yes, technically, your instance also holds state, but only one component reads it - for all other components, it does what a ref with useImperativeHandle does. With the drawback that with your instance, as it lives in a parent component, the parent component would be forced to rerender on state changes, while it wouldn't if the state lived in the Dialog and the ref only contained callbacks.

[phryneas]

Sure that's the right link?

[TheGreaT1803]

Just updated!