⚛️ Use callback ref functions instead of useEffect (when possible) ↓

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics and 70+ video tutorials just like this one. Check them out ↓

There is a caveat: callback refs are re-evaluated every time they changed. So if the component rerenders (often because parent does), it's better to memoize them, until you're using React Compiler. Otherwise you can get an extra action when you're not expecting it.

yup, or you can move the callback function outside the components scope, that works too.

Be aware that `scrollIntoView` gets called with `null` when the component unmounts. This version will error. Rather use `(node: HTMLDivElement | null)` and `node?.scrollIntoView(...)`.

the DIV as direct child of UL is wrong

Oh dang this is interesting. Does this mean this can go from a client component to a server component? Also - any other examples you see often? This makes me so curious

@onix_react тут є гарні поради

So just do the same think as in other frameworks Finally

This one was catchy at first, but when you get it right things work like magic

cool