Great video! Just picked up learning about Framer and wanted to know how to do these page transitions. As a junior dev, I try my best to avoid copy/paste examples online, so I can really understand everything that's happening under the hood. You did an AMAZING job explaining the concept, and the icing on the cake is that it took you less than 6 minutes. You just landed yourself a new subscriber lol
You are an angel sent from above bro. I've been struggling with router transition group for hours and reading a lot of documentation and still couldn't make it work in router v6. You saved me from that hell so Thank YOU 🙏🙏🙏🙏
Thanks for the tutorial. That helped me a lot, I tried using react-spring and react-transition-group with react-router v6 but both had some weird issues that probably could be resolved, but I didn't have time to deal with all that. That tutorial saved me a lot of time and effort, would remember to use framer-motion whenever possible from now on.
Thank you so much for this video. You helped solved my issue of getting "useLocation() may be used only in the context of a ". Solving the issue by putting the BrowserRouter under index.js and wrapping the . Then everything under App.js should work perfect.
Why is it needed to specify `location` prop for ? According to the FramerMotion docs, I believe `key` is the only thing needed to let FramerMotion know the children is re-rendered.
I had the same problem, the docs are unorganized but they have many examples you just have to look for them. Of course stackoverflow and youtube helped me too.
@@LesterFernandezIO Thank you, just found some mistakes in my code and watched framer motion course. That really helped. What library do you think is the best for react animations?
Awesome man, your explanation is very clear and straight forward!
Great video! Just picked up learning about Framer and wanted to know how to do these page transitions. As a junior dev, I try my best to avoid copy/paste examples online, so I can really understand everything that's happening under the hood. You did an AMAZING job explaining the concept, and the icing on the cake is that it took you less than 6 minutes. You just landed yourself a new subscriber lol
You are an angel sent from above bro. I've been struggling with router transition group for hours and reading a lot of documentation and still couldn't make it work in router v6. You saved me from that hell so Thank YOU 🙏🙏🙏🙏
I liked how you made it a component and wrapped a child. It worked very well on my project.
dude wtf, u just save my time, so simple and make my page more awesome, thanks man.. bless u
straight to the point and even a link to the code. AMAZING! thank u
Straight to the point, perfect tutorial thanks !
You the man, Lester! Thanks for making this video, your explanation just saved me from a horrible copy-paste experience haha. Best wishes my guy ☮️
That's awesome bro, i'm happy to help!
It looks so cool, thanks
Amazing short tutorial.. keep it up, man!
That was very useful, thank you!
Just brilliant, thanks bro
Greatly explained! 🙏😎
Thanks, This tutorial helped me for my project. Very well explained
Thanks for the tutorial. That helped me a lot, I tried using react-spring and react-transition-group with react-router v6 but both had some weird issues that probably could be resolved, but I didn't have time to deal with all that.
That tutorial saved me a lot of time and effort, would remember to use framer-motion whenever possible from now on.
No problem! And yea I agree framer motion is more intuitive
Awesome it is. Learnt a new thing
Awesome!
Well done Thanks!
Its Great. Thank you so much!
Great 🔥🔥
your codes are so clean bro wtf
thanks legend!
Great explanation brother, helped a lot.
I'm glad it helped!
Thank you!
Amazing tutorial, simple and straight to d point, i just want to know what color theme are you using in your ide
thanks kyu master for the tutorial
Thanks for the tutorial ++++++++++ 😃
отличное видео, благодарю за помощь , react router transition animation
TTHANKS BRO
simple and ez, thx bro
rraaaa
and the last question - when I do the same - the next component jumps from bottom when current unmounts? maybe you know how to fix this
You need more likes
Thank you so much for this video. You helped solved my issue of getting "useLocation() may be used only in the context of a ". Solving the issue by putting the BrowserRouter under index.js and wrapping the . Then everything under App.js should work perfect.
hi, can you explain more pls. been looking for a solution on this
@@felipeolguera On your main file, where the root is, do this
then in your app component, it should return something like this:
DUDE I LOVE YOU SO FUCKING MUCH HOUR OF PAIN CAME TO AN END
Hello Lester, thank you for the tutorial but I have an issue whenever I put AnimatePresence everything disappears on-site which could be a challenge.
you have to check the console and figure out what the problem is . make sure u have it installed
Keyboard specs? Those are some sweet sounding switches
GMMK Pro keyboard with Everglide Aqua King switches (55g) and Glorious Aura keycaps
Why is it needed to specify `location` prop for ? According to the FramerMotion docs, I believe `key` is the only thing needed to let FramerMotion know the children is re-rendered.
The exit animation does not work with this tutorial.
Do you know where to find right docs, because I found official docs not containing all the useful info. Or maybe I am wrong.
I had the same problem, the docs are unorganized but they have many examples you just have to look for them. Of course stackoverflow and youtube helped me too.
@@LesterFernandezIO Thank you, just found some mistakes in my code and watched framer motion course. That really helped.
What library do you think is the best for react animations?
@@denmccormik7654 Awesome. And I think Framer Motion is the best right now