Build Complex Exit Animations with React & Framer Motion

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 23

  • @0xAndy
    @0xAndy 2 місяці тому +3

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

  • @camilohuerta4994
    @camilohuerta4994 2 місяці тому +4

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

  • @풍월상신
    @풍월상신 2 місяці тому +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.

  • @r-i-ch
    @r-i-ch 2 місяці тому

    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!

  • @paulreynolds8050
    @paulreynolds8050 2 місяці тому +2

    Once again a great example & explanation 👏 😊

  • @ДенисМаценко-м2р
    @ДенисМаценко-м2р 2 місяці тому +1

    Thanks

  • @Fleck10290
    @Fleck10290 2 місяці тому +1

    Nicely explained. Thank you

  • @pasival5557
    @pasival5557 2 місяці тому

    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 UA-cam for days for a video that react routes and lazyload was used.

  • @KuldeepSharma-u4k
    @KuldeepSharma-u4k 2 місяці тому

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

  • @moodyhamoudi
    @moodyhamoudi 2 місяці тому +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

  • @SơnHoàng-t1j
    @SơnHoàng-t1j 2 місяці тому +1

    Thank you so much.=

  • @anuarshaidenov
    @anuarshaidenov 2 місяці тому +1

    wow

  • @iamahtic
    @iamahtic 2 місяці тому +1

    ur goated

  • @IntrovertedCoder
    @IntrovertedCoder 2 місяці тому +2

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

    • @tomisloading
      @tomisloading  2 місяці тому +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 2 місяці тому

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

  • @crakyanime8903
    @crakyanime8903 2 місяці тому +2

    is tom still loading