React JS for beginners: Tutorial 7 - Animating the menu

In this video we will animate our React menu component with React Spring.
#React #Tutorial #ReactForBeginners #LearnReact #100DaysOfCode #FreeCodeCourse
Follow me on social media:
Twitter: @QuentinWatt
Facebook: @quentinwatt
Instagram: @quentinwatt
Looking for a job? Try one of these referral links.
-----
Europe: (London, Germany, The Netherlands, Barcelona & more)
app.honeypot.io/ref/mDJbyi5GM2...
South Africa: (Cape Town, Johannesburg & Pretoria)
www.offerzen.com/z/V0ImHT
---
Subscribe:
/ quentinwatt
I also make videos here:
/ quentin
Donate with Paypal:
www.paypal.com/cgi-bin/webscr...

[@designtowebsite]

Great react tutorials, can't wait for the next ones!

[@QuentinWatt]

Thank you. I'm glad you like them.

[@Omerko]

Nice. I like this Tutorials, you keep those so simple. Thanks!

[@QuentinWatt]

I hope you have your own version working nicely.

[@msartini]

Thanks Quentin for the video!

[@QuentinWatt]

Any time!

[@sumairsarwar7707]

Thanks for the tutorial,
I am getting following error message,
Uncaught TypeError: Cannot destructure property 'reset' of 'props' as it is null.
at useTransition (useTransition.tsx:69)

[@shunbin8751]

Hi Sumair, if u make these changes, it will resolve the issue:
1) const transitions = useTransition(showMenu, null, {
to
const transitions = useTransition(showMenu, {
2) transitions.map(({ item, key, props }) =>
to
transitions(( props, item, key ) =>
Hope it helps!

[@adriel_borges]

It's the best tutorial !!!!!!, thanks a lot. i'm starting with react and i'm loving learn this tech!!

[@adriel_borges]

thanks from Brazil!!

[@QuentinWatt]

Happy to hear that!

[@QuentinWatt]

You should try Vue. ☺️

[@kiprutochristopher1939]

Finally

[@QuentinWatt]

Have you been waiting a long time?

[@prashpach]

Babbel Error : /node_modules/react-spring/web.js
Module not found: Can't resolve 'C:\dev
eact_menu_app\simple_menu
ode_modules\babel-loader\lib\index.js' in 'C:\dev
eact_menu_app\simple_menu'

[@QuentinWatt]

Looks like the file you're looking for can't be found. This is usually because the import file path is wrong or the file does not exist.