Popup Menus in React with Popper.js

[@isaac-9185]

I have spent days figuring this thing out. thankyou

[@antares-kor]

THE BEST REACT POPPERJS USAGE TUTORIAL

[@mryechkin]

I'll need to remember that ref trick - super neat!

[@AlpineCurt]

Thank you for this video! This is exactly what I was trying to implement. 👍

[@eltacomast3e]

This video is so well explained! Thank you so much ! This helps alot !!!!

[@holgerst3655]

Great Explanations to understand popper.js. Thanks for the video.

[@bijin800]

Clean and neat tutorial.
Presentation superb....

[@jenifer_jenno]

Very helpful i can search for this solution but i finally found it😊

[@yunusbahtiar9299]

crystal clear explanation, awesome !

[@FarihaLiaqat]

Thank you for this video

[@alieslam2969]

the best explanation, Thanks

[@mohamedyoussef8835]

All your videos are excellent +++++++++ Thank You

[@dardaC137]

U r the best. Please make some more useful tutorials on react.

[@pythongabi]

Awsome

[@india.rahulr]

Hi Ryan , great explanation but I am getting error while passing ref = {setReference} into functional component (React + Typescript).

[@akhmadxfauzi]

You might resolved the issue, but here for everyone that got this issue, you just need to infer the useState to proper type, if your reference element is a DIV node, set the HTMLDivElement as the type

[@kevinat71]

if you render it in a portal, it lose the accesibility, you cannot tab to select it

[@nick97000]

Thanks for the tutorial. How would you go about adding animations to this. Trying to use react-transition-group and I can't get any of the enter animations to work!

[@RyanToronto]

Hey Nick! I like to use framer motion for all my react animations. I haven't done it with this popup menu, but I think it will work just fine.

[@estherejidike5877]

Please share your code