Animate ANYTHING in TWO Lines Of Code!?!???

Подписаться 302 тыс.

Просмотров 53 тыс.

50% 1

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.formkit.com/
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...

Наука

Опубликовано:

26 июл 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 73

@justin-schroeder Год назад

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!

@sarcasticdna Год назад

All the devs who hate css give this man a medal 🥉

@stephan3199 Год назад

You are a legend my man

@alexloukum7673 Год назад

Thx Justin Huuuuge freakin work

@zkoolkyle1 Год назад

Great stuff! Love the documentation site design as well 💪🏻

@vezmusic5229 Год назад

I have been afraid of automations for years until now.

@moodynoob Год назад

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.

@tonero5651 Год назад

Finally a short clip from Theo !!. PS: I watch your full streams btw

@Atmos41 Год назад

This is dope, thanks for sharing 🙏

@universecode1101 Год назад

This is in my TOP 3 of your best THUMBNAILS 😜

@t3dotgg Год назад

Wait til you see the next one 😂😂😂

@alextana746 Год назад

the table one is hands down the best

@FlorinPop Год назад

This is indeed REALLY cool! 🤯

@amineamine58 Год назад

This was super helpful. Thanks !

@luizfernandonoschang8298 Год назад

Wow! This is awesome! Thanks!

@sealuke2724 Год назад

Looks useful when it comes to small size app. Thank you!!!

@BigBahss 8 месяцев назад

This blew my mind. this is amazing

@milad8436 Год назад

This is what I was looking for. You are the best. God bless you

@ProgrammerInProgress 3 месяца назад

Great tip. I was struggling to find a good out-of-the-box library for React app Animations. Thank you.

@bolutifelawrence9015 Год назад

Insane! Thanks, man.

@0xPanda1 Год назад

dude thank u so much this saved me a lot of time😄

@azs3756 Год назад

Thumbnail is like one of those clickbait youtube videos titled "GIVING OUT 10,000$ TO STRANGERS AND THIS HAPPENED (gone wild)"

@t3dotgg Год назад

To be fair this library deserved that type of clickbait. Seemed impossible tbh

@MiSt3300 Год назад

Thanks, I will definitely use it

@csIn84 4 месяца назад

Absolutely love this! They've greatly expanded the supported frameworks, too, so it's definitely still actively maintained.

@ISKLEMMI Год назад

This was a great video! From the title, I thought you were randomly using Svelte. 😂

@AvinashSewpersadh Год назад

Wow.this is great

@oliver1453 Год назад

Theos descent into thumbnail madness... 😆

@bertcano Год назад

Noice thanks d00d!

@foo3268 Год назад

looks like a great lib, does it work well with chakra?

@saaika5922 9 месяцев назад

Is it possible to use custom module.css keyframes for animation for enter and leave in React or everything must be css-in-js?

@donner7708 Год назад

Can it handle page transitions? Because that's truly why I love Framer motion is the transitions between my react router links

@Zawodowieec Год назад

dope stuff

@mariaarkadieff1572 Год назад

Hey, amazing! Can I use the library with React & Vite, too?

@nekonovi5038 Год назад

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.

@sarcasticdna Год назад

@@Almighty_Flat_Earth let that frustration out buddy

@samrathchauhan1271 Год назад

Yeah, real nice video. Can make a video where you compare popular animation libraries and their performance issues. That will be sick no?

@t3dotgg Год назад

That would be sick but I am not smart enough nor do I care enough tbh

@t3dotgg Год назад

Also the DX matters more imo

@theabhayprajapati Год назад

feels like bootstrap for CSS animation

@blazi_0 Год назад

Do it with framermotion in 3 lines of code 😅 God the world is changing fast

@BrandonRobertsDev Год назад

I like how you included Angular in the thumbnail despite your disdain for the framework lol Nice touch

@alissonprimo Год назад

it just doesn't work with angular but its nice anyway 😅

@staticyawn Год назад

Can anyone tell me what vscode theme he uses?

@bryanenid1228 Год назад

Is there something similar for react native?

@seanki Год назад

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.

@t3dotgg Год назад

-force. Surprised you haven’t had peer dep issues before this is a very common thing

@seanki Год назад

@@t3dotgg I’ve probably been living in a bubble world, I’ll read up on that later and try it out. Thanks for replying :)

@Qrzychu92 Год назад

I need something like that for Blazor :O

@williamlarsson3620 Год назад

Soo not just 2 lines of code, when you import a library… Looks more like a sponsored ad.

@bronifty598 Год назад

Ooh wow niice

@Duck-tw3vn Год назад

Looks similar to react native’s layoutanimation

@JoesUltimatum Год назад

Is this... Sorcery???

@ElioStalteri Год назад

svelte has this native and customizable

@aliveyeyt4136 Год назад

did you delete the react file structure vid?

@Will4_U Год назад

nope, it's unlisted.

@aliveyeyt4136 Год назад

@@Will4_U why?

@L33tRose Год назад

@@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 🤷‍♂️

@110110010 Год назад

wouldn't just ref={autoAnimate} work as a callback ref?

@animeshtimsina3660 Год назад

any similar library for react native?

@dealloc Год назад

Framer Motion.

@JoeMcBroom Год назад

Vue transition does this, btw

@archmad Год назад

more like 3 lines of code including the import

@mr.soumikdas Год назад

wthhhhhhhhh

@plusquare Год назад

Wtf are these thumbnails 🤣

@johnddonnet5151 Год назад

Ok, wtf

@bobs619 Год назад

Can't NPM install it bro. Not gonna "command with --force, or --legacy-peer-deps"

@t3dotgg Год назад

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.

@adimardev1550 Год назад

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.

@typicallunchbox6934 Год назад

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