Animate ANYTHING in TWO Lines Of Code!?!???
HTML-код
- Опубликовано: 29 сен 2024
- I still can't believe how simple AutoAnimate is. If you like this check out my Twitter where I talk about stuff like this every day / t3dotgg
Link to AutoAnimate auto-animate.f...
Keywords: REACT ANGULAR VUE JAVASCRIPT TYPESCRIPT ANIMATION ANIMATE AUTOMATICALLY ANIMATE SIMPLE ANIMATIONS DRAG AND DROP ANIMATIONS CSS HTML VANILLA JS
LIVE EVERY WEDNESDAY AT ROUGHLY 1PM PT
Twitch: / theo
Twitter: / t3dotgg
Instagram: / fakiebigfoot
Everywhere else: t3.gg/links
And obv shoutout Idez as always 🙏
FULL VOD: • STREAM VOD 7-24 - Easy...
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.
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 😅
Noice thanks d00d!
Wtf are these thumbnails 🤣
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
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 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.
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 is indeed REALLY cool! 🤯
Do it with framermotion in 3 lines of code 😅
God the world is changing fast
This was a great video! From the title, I thought you were randomly using Svelte. 😂
Great tip. I was struggling to find a good out-of-the-box library for React app Animations. Thank you.
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.
looks like a great lib, does it work well with chakra?
This is dope, thanks for sharing 🙏
Soo not just 2 lines of code, when you import a library… Looks more like a sponsored ad.
Looks useful when it comes to small size app. Thank you!!!
Finally a short clip from Theo !!.
PS: I watch your full streams btw
Theos descent into thumbnail madness... 😆
Can it handle page transitions? Because that's truly why I love Framer motion is the transitions between my react router links
Is this... Sorcery???
This was super helpful. Thanks !
more like 3 lines of code including the import
Looks similar to react native’s layoutanimation
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
Absolutely love this! They've greatly expanded the supported frameworks, too, so it's definitely still actively maintained.
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 :)
Is it possible to use custom module.css keyframes for animation for enter and leave in React or everything must be css-in-js?
wouldn't just ref={autoAnimate} work as a callback ref?
Wow.this is great
Hey, amazing! Can I use the library with React & Vite, too?
wthhhhhhhhh
I need something like that for Blazor :O
Is there something similar for react native?
feels like bootstrap for CSS animation
Thanks, I will definitely use it
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
Can anyone tell me what vscode theme he uses?
This blew my mind. this is amazing
This is what I was looking for. You are the best. God bless you
svelte has this native and customizable
dude thank u so much this saved me a lot of time😄
Vue transition does this, btw
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 🤷♂️
Ok, wtf
Ooh wow niice
dope stuff
Wow! This is awesome! Thanks!
Insane! Thanks, man.
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.