Build Complex Exit Animations with React & Framer Motion

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ม.ค. 2025

ความคิดเห็น • 24

  • @isreyyy
    @isreyyy 2 หลายเดือนก่อน +1

    Your videos introduced me to Framer Motion. I love how well you explained them.

  • @0xAndy
    @0xAndy 6 หลายเดือนก่อน +3

    Your presentation style is inspiring and I love the content as well. Thanks, Tom.

    • @tomisloading
      @tomisloading  6 หลายเดือนก่อน +1

      Thank you so much!! 😁

  • @camilohuerta4994
    @camilohuerta4994 6 หลายเดือนก่อน +4

    very nice content! I'm learning a lot on how to use framer motion ;)

  • @paulreynolds8050
    @paulreynolds8050 6 หลายเดือนก่อน +2

    Once again a great example & explanation 👏 😊

    • @tomisloading
      @tomisloading  6 หลายเดือนก่อน

      Thank you! 😃

  • @풍월상신
    @풍월상신 6 หลายเดือนก่อน +1

    Great, great, excellent tip for me!!!
    I am so inspired. Thank you.
    Those classic jQuery animations were always a missing part for me while I'm working with react.
    Thank you very much.

  • @Fleck10290
    @Fleck10290 6 หลายเดือนก่อน +1

    Nicely explained. Thank you

    • @tomisloading
      @tomisloading  6 หลายเดือนก่อน

      Thank you!! 😎

  • @r-i-ch
    @r-i-ch 6 หลายเดือนก่อน

    Great stuff!!!
    A quick 2c is (and admittedly, I don’t much care for Tailwind), for some of the basic apparition stuff I wonder why not to use some CSS classes that can be toggled on and off to go forward and backwards? A downside would be the separation of concerns with mixing animation between css and framer, I guess. Also you need framer to update the other Todo in the list. Still, it seems like so much code inside of one component that already takes 6 props and then we add some more internal state. Purely a gut feeling since this is awesome and obviously works!
    Super challenge could be adding an Undo capability to put things back here they were and re-expanding the list.
    Would it work if we broke the animate function defined in the useEffect out into its own?
    Thanks for the video!

  • @moodyhamoudi
    @moodyhamoudi 6 หลายเดือนก่อน +2

    Am I the only person that has issues with AnimatePresence leaving "ghost" components in the DOM? The transition will take place and then the element just stays in the document flow - it's very obvious when it's in an iterated list. Tends to happen a lot on mobile I've noticed

  • @KuldeepSharma-u4k
    @KuldeepSharma-u4k 5 หลายเดือนก่อน

    Its so cool, what veresion of framer motion are you using, I am facing a flicker on exit animation

  • @ДенисМаценко-м2р
    @ДенисМаценко-м2р 5 หลายเดือนก่อน +1

    Thanks

  • @pasival5557
    @pasival5557 5 หลายเดือนก่อน

    Hi Tom, I love your videos, they are very helpful, I've been having issues with lazyload with react routes, I've used framer motion to animate some divs in my webpage but the animation plays out before I get there. I have searching TH-cam for days for a video that react routes and lazyload was used.

  • @crakyanime8903
    @crakyanime8903 6 หลายเดือนก่อน +2

    is tom still loading

  • @SogMosee
    @SogMosee 2 หลายเดือนก่อน

    Any places on the interwebs that go deep into animation and psychology? Animating and morphing svgs, the pyschology of different timing functions and how to think about them, cubics, superellipses, squircles, guiding principles for sequencing and animation, the personality of different effects like happy poppy effects or swift sliding effects, microanimations with lots of examples and galleries and rules of thumb and luminaries in the field? Even the underlyhing mathematics if possible? I want to go hardcore parkuor into the world of animations

  • @SơnHoàng-t1j
    @SơnHoàng-t1j 6 หลายเดือนก่อน +1

    Thank you so much.=

    • @tomisloading
      @tomisloading  6 หลายเดือนก่อน

      Of course! 😁

  • @IntrovertedCoder
    @IntrovertedCoder 6 หลายเดือนก่อน +2

    Hey Tom! I'm really looking forward for a framer motion course (paid) from you. Is it on your bucket list?

    • @tomisloading
      @tomisloading  6 หลายเดือนก่อน +1

      Working on one now!! 😁 Going to be a pretty long course, so will be a couple of months before it’s out. I’m going to put a waitlist up in the next week or two though!

    • @24pratikbhagwat68
      @24pratikbhagwat68 6 หลายเดือนก่อน

      ​@@tomisloadingyeah man really wanna buy your framer motion course

  • @anuarshaidenov
    @anuarshaidenov 6 หลายเดือนก่อน +1

    wow

  • @iamahtic
    @iamahtic 6 หลายเดือนก่อน +1

    ur goated