The Basics of React Native animations

If you want to create great animations with React Native but don’t know where to start, this is your shot.
How To Animated is a new series designed for future animation experts.
For reference and those of you who learn better through text, here is the blog version: / the-basics-of-react-na...
Subscribe for the next episodes!

[@ashutoshsinghai713]

Trust me, I've crawled whole youtube, searching for a good playlist to learn react native animations from scratch. But everybody just starts directly without giving a reason to learn it. I'm thankful that I finally found the one where I can learn it with fun. Thankyou for the amazing videos

[@eveningkid]

Thank you so much, it means a lot. I really tried to make this as simple and enjoyable as possible to watch. I’m very glad you found my channel, hope you’ll like the next videos!

[@braydenfulken2495]

You speak my mind! Hands down, there's no other video that explains it as perfectly and simply as this. This channel has great promise.

[@wobsoriano]

Hahaha same

[@user-nl7go3jx2x]

I agree :)

[@daily-coffee-pour-over]

Never thought I can understand something of react native without knowing how to install it.

[@eveningkid]

Never thought I'd check your profile and watch a 起司蛋糕 video! Thank you for commenting, I appreciate you :)

[@atultiwaree6023]

Really loved the way you...explained

[@Anonymous-om7sq]

Really love the way you started the video by explaining animation and the importance of it.

[@dannysanchez7205]

This is great, I love how you cropped the code to just fit in a square in the middle of the screen, how easy your example was, and how thorough your explanation was. I definitely learned something because I was previously using a useEffect with setTimeout to previously make an animation, and did not understand why the animation was not smooth. Now I know it was running on the JS thread. Thank you. Keep it up!

[@NhatNguyen-sx6ju]

There are no words to describe it, you're amazing guy!!! Great example

[@yashgarg8936]

this is amazing I appreciate your efforts to bring out such an amazing video , It was the learning experience I got till now in terms of coding tutorial , keep it up man

[@umeshbhati2597]

please keep it up bro don't get demotivated about your content growth this will finally grow because it is a new style of content in programming era on youtube. and I hope it will grow.

[@pim691]

This is a very good video! The use of animations, text and code + example is amazing.

[@eveningkid]

Thank you Pim, it's highly appreciated!

[@dayumnson9769]

dude I had to sign into youtube because your video was that awesome. I hope you are doing good, you have enormous potential! Keep it up!

[@declanbavurhe5569]

man this is amazing explanation ever , youtube need an algorithm to categorize best teachers and other teachers, because iv been looking for a good explanation on animation for a while now

[@mahabbatzakariyayev7311]

You just earned a new subscriber! I love how you approached teaching the concept of animation in React Native in this video. From how it's done in Vanilla JS, why that approach is bad and how it's properly done. Thank you! More RN videos please . I love your video so much ! Keep going!

[@Oops-404]

Loved it Thanks for the perfect explanation

[@VinodKumar-sd6zk]

Great Video! Expecting more videos from you...

[@eveningkid]

Thank you Vinod, more coming this week!

[@DerrickMuturidtmuturi]

Yo really cool resource for react animation training. A+ content. great explanations, short punchy videos that cover each topic with great detail explaining the why, and he how. This is how I am now spending my time on KZbin. Big up Evening Kid.

[@eveningkid]

Thank you so much Derrick, it truly means a lot to me! Many people don’t take the time to say it when they like something I feel. Very happy this found you well :)

[@omalperera]

Lovely explanation!

[@Jery97229]

best series ever, thanks man

[@wobsoriano]

Jesus christ finally a good rn animation playlist

[@eveningkid]

Thank you for the kind words Robert :)

[@paulocesar1252]

I'm two minutes in and I have already liked the video and subscribed because I can see that this was done with a lot of passion. Keep at it!!

[@eveningkid]

Thank you so much for saying this, I really hope this can be useful to you :)

[@anazi]

Wow where this channel have been? I watch react videos daily and I never stumbled upon this amazing channel. Thank you and really amaaaaazing presentation 👍👍

[@vinipachecov]

This is definitely the best intro for Animated api I've seen. Great job evening kid!

[@eveningkid]

Thank you so much!! Super glad you liked it! See you around :)

[@djikstra]

Fantastic video. Subscribed.

[@arvindchakraborty4215]

Superb video. Finally I can get started on animations.

[@eveningkid]

Thank you, hope this helps you with your journey :)

[@RVKAWAAA]

Thanks, greeting from Argentina!

[@braydenfulken2495]

You just earned a new subscriber! I love how you approached teaching the concept of animation in React Native in this video. From how it's done in Vanilla JS, why that approach is bad and how it's properly done. Thank you! More RN videos please.

[@eveningkid]

Thank you so much Brayden! I’m sure you’ll like what’s coming on the channel. It has everything React, including React Native. Hope to see you around :)

[@wisungyo]

i love this video. thank you for sharing this :)

[@ErichDAtriGuiran1]

this is extremely well done, i look forward to learning more from you.

[@eveningkid]

Thank you so much Erich, hope you’ll like it :)

[@Samkiitt]

This is very well done. I love you

[@StickOnLSD]

thank you! great content and well explained.

[@eveningkid]

Very happy the video found you well :) See you around!

[@ujjwalchetan4907]

Very beautifully taught...👌👌👌🙏❤

[@DrNabeel20]

Thank you! ❤️

[@nicetomeetugaming7024]

Good explanations sir!

[@musiclovers8488]

You are awesome … the way you teach

[@user-du6dp1zz5k]

Really appreciated❤

[@ogedaykhan9909]

bro, you are a saint

[@ariyaman90]

Great Video, expecting more complex videos. Keep it up Thanks again

[@eveningkid]

Thank you Amir, a lot more to come! Anything you’d like to see?

[@ariyaman90]

@@eveningkid You're welcome. Animations in switching screens.

[@phamwilliam4606]

Hey evening kid, love what you did. However, in the video, you said that Animated in React Native is running on the UI Thread. And Reanimated 2 said that their advantage over Animated is they run in UI thread. So I was a little bit confused, what's the difference about them then?

[@rajverma5051]

Great work buddy:)

[@leocrawf]

This is an excellent tutorial. It needs an update though due to changes in the Animated.event code base. Though it works, it gives this warning: "Animated.event now requires a second argument for options".

[@iskanderabbassi6256]

really thanks so much :')

[@planetmall2]

This was excellent!

[@eveningkid]

Thank you Dan! There are other episodes that you might want to watch if you’re starting with animations :) See you around!

[@rafeeqshaik7355]

Yo, your way of teaching is 🔥🔥🔥. Do you have any paid course i would really like to see. And please don't give up on your channel yet.

[@williamvoitik3247]

Awesome video. Keep it up!

[@eveningkid]

Thank you William, glad you liked it!

[@shauryaverma8780]

Loved it ❤️

[@eveningkid]

Thank you Shaurya :)

[@Saurabhkumar-ps5zp]

Thank you

[@gelferstone5692]

Awesome vid!

[@eveningkid]

Thanks a lot! I believe you're the nice guy from reddit, good to see you here :)

[@gelferstone5692]

@@eveningkid enjoying your contents. Will go through all the previous vids and look forward to new ones.

[@the1anonymouse]

If I could like this 100 times I would. This is the first tutorial I've seen that bothers to explain anything

[@eveningkid]

Wow thank you so much for saying this!! Very happy you found it interesting, I hope to see you around :)

[@Technouz]

really nice video. subscribed.

[@eveningkid]

Thank you, there's more to come!

[@IFone456]

Really nice explanation

[@eveningkid]

Thank you!

[@user-op6fk9zg2y]

thank you

[@vinaysharma3871]

Hi, please make a video on decay method as well :)

[@nova_master8796]

You are good man

[@rockNbrain]

Tks bro

[@ABHISHEK-jc8kn]

That was great content. Subbed. Doesnt happen alot by me

[@prathyakshkashyap6098]

bro just one video i watched and you are a legend, such a good explanation. love from India. please add your payments details we will support you for such a good contribution to react native club. bro awesome keep up the good work.

[@eveningkid]

Wow you have no idea how it feels to read this man!! Don’t worry, this is all for you :) All that matters to me is to help people, nothing more. I hope to see you around, this exists because of people like you!

[@jiazhengguo5493]

nice video!!! love it

[@eveningkid]

Very happy you loved it! Are you learning React Native? :)

[@jiazhengguo5493]

@@eveningkid been working with it for a while, but not much animation

[@eveningkid]

@@jiazhengguo5493 I guess you found the right place then!

[@praburaj1127]

hi. your video is awesome. keep it up

[@eveningkid]

Thank you, happy you liked the video!

[@sonsieg]

good

[@gonz4610]

you are the best :0

[@eveningkid]

That’s really nice of you, thank you gonz!

[@TZCoder]

The square is Orange!! 😁

[@eveningkid]

Uh oh...did I say something else? 😆

[@denischikita]

I could just refer Animated.Value to variable without any useRef wrapper and it would still works. What so special to using useRef here?

[@LotfiORouis]

Couldn't reproduce it :( A little snack would help please