This library is amazing - as someone who detests CSS, it looks like a convenient way to animate my side projects. The other libraries I've tried out don't come close to this.
Sadly this doesn't seem to be compatible with next version 12.1.6 (react 18.1), I would really like to use it for its simplicity and it looks really smooth, some tweaking required or have I done something dumb? Using npm and not yarn if it makes a difference.
Hey Theo, have you ever used web workers in React? I was doing a small reasearch in past month an could not find a good library for web workers. i.e. I tried to move some code that was doing some PDF generation.
boring package just good if you are adding something otherwise you have to write code .. i might go learn some animations then wasting my time to learn this
@@aliveyeyt4136 dont want to speak for Theo but there was a surprising amount of backlash in the comments about the vid. People weren't too happy with the way he presented his criticism of WDS's vid. He probably just grew tired of getting those comments and unlisted it for his mental. Maybe he'll redo that vid in the future 🤷♂️
This is really common with packages that selected a React version. You can override it in the package.json, very common. They're fixing it in Beta 2. Also next time ask a question when you don't understand things, bro.
i aggree. i love animation. but to be honest, All react animation sucks! framer-motion, react-spring etc... it makes the code looks awful. the libraries are big, luggy, unintuitive, awful design pattern.
I battled to implement it smoothly with getting a , Window.getComputedStyle: Argument 1 is not an object Error. There obviously something dumb I am missing
Wow - awesome. I'm the AutoAnimate library author and watch this channel so it was a fun surprise to see my library pop up on here. Thanks Theo!
All the devs who hate css give this man a medal 🥉
You are a legend my man
Thx Justin
Huuuuge freakin work
Great stuff! Love the documentation site design as well 💪🏻
I have been afraid of automations for years until now.
This library is amazing - as someone who detests CSS, it looks like a convenient way to animate my side projects. The other libraries I've tried out don't come close to this.
This is in my TOP 3 of your best THUMBNAILS 😜
Wait til you see the next one 😂😂😂
the table one is hands down the best
Absolutely love this! They've greatly expanded the supported frameworks, too, so it's definitely still actively maintained.
Great tip. I was struggling to find a good out-of-the-box library for React app Animations. Thank you.
Finally a short clip from Theo !!.
PS: I watch your full streams btw
This is indeed REALLY cool! 🤯
Looks useful when it comes to small size app. Thank you!!!
Thumbnail is like one of those clickbait youtube videos titled "GIVING OUT 10,000$ TO STRANGERS AND THIS HAPPENED (gone wild)"
To be fair this library deserved that type of clickbait. Seemed impossible tbh
This blew my mind. this is amazing
This is dope, thanks for sharing 🙏
feels like bootstrap for CSS animation
Yeah, real nice video. Can make a video where you compare popular animation libraries and their performance issues. That will be sick no?
That would be sick but I am not smart enough nor do I care enough tbh
Also the DX matters more imo
This was super helpful. Thanks !
Theos descent into thumbnail madness... 😆
This was a great video! From the title, I thought you were randomly using Svelte. 😂
I like how you included Angular in the thumbnail despite your disdain for the framework lol
Nice touch
it just doesn't work with angular but its nice anyway 😅
Do it with framermotion in 3 lines of code 😅
God the world is changing fast
looks like a great lib, does it work well with chakra?
This is what I was looking for. You are the best. God bless you
Thanks, I will definitely use it
dude thank u so much this saved me a lot of time😄
Wow! This is awesome! Thanks!
Wow.this is great
Can it handle page transitions? Because that's truly why I love Framer motion is the transitions between my react router links
Insane! Thanks, man.
Looks similar to react native’s layoutanimation
Hey, amazing! Can I use the library with React & Vite, too?
Is this... Sorcery???
Soo not just 2 lines of code, when you import a library… Looks more like a sponsored ad.
I need something like that for Blazor :O
Sadly this doesn't seem to be compatible with next version 12.1.6 (react 18.1), I would really like to use it for its simplicity and it looks really smooth, some tweaking required or have I done something dumb? Using npm and not yarn if it makes a difference.
-force. Surprised you haven’t had peer dep issues before this is a very common thing
@@t3dotgg I’ve probably been living in a bubble world, I’ll read up on that later and try it out. Thanks for replying :)
Noice thanks d00d!
wouldn't just ref={autoAnimate} work as a callback ref?
svelte has this native and customizable
Hey Theo, have you ever used web workers in React? I was doing a small reasearch in past month an could not find a good library for web workers. i.e. I tried to move some code that was doing some PDF generation.
@@Almighty_Flat_Earth let that frustration out buddy
Is it possible to use custom module.css keyframes for animation for enter and leave in React or everything must be css-in-js?
Vue transition does this, btw
more like 3 lines of code including the import
Is there something similar for react native?
dope stuff
Can anyone tell me what vscode theme he uses?
boring package just good if you are adding something otherwise you have to write code .. i might go learn some animations then wasting my time to learn this
did you delete the react file structure vid?
nope, it's unlisted.
@@Will4_U why?
@@aliveyeyt4136 dont want to speak for Theo but there was a surprising amount of backlash in the comments about the vid. People weren't too happy with the way he presented his criticism of WDS's vid. He probably just grew tired of getting those comments and unlisted it for his mental.
Maybe he'll redo that vid in the future 🤷♂️
Ooh wow niice
any similar library for react native?
Framer Motion.
Can't NPM install it bro. Not gonna "command with --force, or --legacy-peer-deps"
This is really common with packages that selected a React version. You can override it in the package.json, very common. They're fixing it in Beta 2.
Also next time ask a question when you don't understand things, bro.
Wtf are these thumbnails 🤣
Ok, wtf
wthhhhhhhhh
i aggree. i love animation. but to be honest, All react animation sucks! framer-motion, react-spring etc... it makes the code looks awful. the libraries are big, luggy, unintuitive, awful design pattern.
I battled to implement it smoothly with getting a , Window.getComputedStyle: Argument 1 is not an object Error. There obviously something dumb I am missing