The Basics of React Native animations

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

КОМЕНТАРІ • 94

  • @ashutoshsinghai713
    @ashutoshsinghai713 3 роки тому +65

    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
      @eveningkid  3 роки тому +6

      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
      @braydenfulken2495 3 роки тому +2

      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
      @wobsoriano 3 роки тому

      Hahaha same

    • @리오노
      @리오노 3 роки тому

      I agree :)

  • @dayumnson9769
    @dayumnson9769 2 роки тому +1

    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!

  • @Anonymous-om7sq
    @Anonymous-om7sq Рік тому

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

  • @daily-coffee-pour-over
    @daily-coffee-pour-over 3 роки тому +12

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

    • @eveningkid
      @eveningkid  3 роки тому +1

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

  • @dannysanchez7205
    @dannysanchez7205 9 місяців тому

    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!

  • @umeshbhati2597
    @umeshbhati2597 3 роки тому +1

    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.

  • @declanbavurhe5569
    @declanbavurhe5569 2 роки тому

    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

  • @pim691
    @pim691 3 роки тому +8

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

    • @eveningkid
      @eveningkid  3 роки тому

      Thank you Pim, it's highly appreciated!

  • @vinipachecov
    @vinipachecov 3 роки тому

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

    • @eveningkid
      @eveningkid  2 роки тому

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

  • @NhatNguyen-sx6ju
    @NhatNguyen-sx6ju 3 роки тому

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

  • @arvindchakraborty4215
    @arvindchakraborty4215 3 роки тому +2

    Superb video. Finally I can get started on animations.

    • @eveningkid
      @eveningkid  3 роки тому +1

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

  • @VinodKumar-sd6zk
    @VinodKumar-sd6zk 3 роки тому +2

    Great Video! Expecting more videos from you...

    • @eveningkid
      @eveningkid  3 роки тому

      Thank you Vinod, more coming this week!

  • @braydenfulken2495
    @braydenfulken2495 3 роки тому +7

    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
      @eveningkid  3 роки тому

      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 :)

  • @atultiwaree6023
    @atultiwaree6023 Рік тому +1

    Really loved the way you...explained

  • @mahabbatzakariyayev7311
    @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!

  • @paulocesar1252
    @paulocesar1252 3 роки тому +1

    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
      @eveningkid  3 роки тому +1

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

  • @DerrickMuturidtmuturi
    @DerrickMuturidtmuturi 3 роки тому +1

    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 UA-cam. Big up Evening Kid.

    • @eveningkid
      @eveningkid  3 роки тому

      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 :)

  • @wobsoriano
    @wobsoriano 3 роки тому +2

    Jesus christ finally a good rn animation playlist

    • @eveningkid
      @eveningkid  3 роки тому

      Thank you for the kind words Robert :)

  • @Jery97229
    @Jery97229 2 роки тому

    best series ever, thanks man

  • @the1anonymouse
    @the1anonymouse 2 роки тому

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

    • @eveningkid
      @eveningkid  2 роки тому

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

  • @joze.rios44
    @joze.rios44 3 роки тому

    Thanks, greeting from Argentina!

  • @ogedaykhan9909
    @ogedaykhan9909 Рік тому

    bro, you are a saint

  • @yashgarg8936
    @yashgarg8936 2 роки тому

    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

  • @Oops-404
    @Oops-404 2 роки тому

    Loved it
    Thanks for the perfect explanation

  • @ariyaman90
    @ariyaman90 3 роки тому +2

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

    • @eveningkid
      @eveningkid  3 роки тому +2

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

    • @ariyaman90
      @ariyaman90 3 роки тому

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

  • @Samkiitt
    @Samkiitt 2 роки тому

    This is very well done. I love you

  • @planetmall2
    @planetmall2 3 роки тому +1

    This was excellent!

    • @eveningkid
      @eveningkid  3 роки тому +1

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

  • @djikstra
    @djikstra Рік тому

    Fantastic video. Subscribed.

  • @ErichDAtriGuiran1
    @ErichDAtriGuiran1 3 роки тому

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

    • @eveningkid
      @eveningkid  3 роки тому

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

  • @ujjwalchetan4907
    @ujjwalchetan4907 2 роки тому

    Very beautifully taught...👌👌👌🙏❤

  • @omalperera
    @omalperera 11 місяців тому

    Lovely explanation!

  • @musiclovers8488
    @musiclovers8488 3 роки тому

    You are awesome … the way you teach

  • @shauryaverma8780
    @shauryaverma8780 3 роки тому +1

    Loved it ❤️

  • @wisungyo
    @wisungyo 2 роки тому

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

  • @StickOnLSD
    @StickOnLSD 3 роки тому +1

    thank you! great content and well explained.

    • @eveningkid
      @eveningkid  3 роки тому +1

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

  • @gelferstone5692
    @gelferstone5692 3 роки тому +2

    Awesome vid!

    • @eveningkid
      @eveningkid  3 роки тому +1

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

    • @gelferstone5692
      @gelferstone5692 3 роки тому +1

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

  • @leocrawf
    @leocrawf 2 роки тому

    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".

  • @williamvoitik3247
    @williamvoitik3247 3 роки тому +1

    Awesome video. Keep it up!

    • @eveningkid
      @eveningkid  3 роки тому +1

      Thank you William, glad you liked it!

  • @rajverma5051
    @rajverma5051 2 роки тому

    Great work buddy:)

  • @phamwilliam4606
    @phamwilliam4606 3 роки тому +2

    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?

  • @IFone456
    @IFone456 3 роки тому +1

    Really nice explanation

  • @RakshithS-r3y
    @RakshithS-r3y Рік тому

    Really appreciated❤

  • @nicetomeetugaming7024
    @nicetomeetugaming7024 2 роки тому

    Good explanations sir!

  • @DrNabeel20
    @DrNabeel20 2 роки тому

    Thank you! ❤️

  • @vinaysharma3871
    @vinaysharma3871 3 роки тому

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

  • @rafeeqshaik7355
    @rafeeqshaik7355 3 роки тому

    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.

  • @Technouz
    @Technouz 3 роки тому

    really nice video. subscribed.

    • @eveningkid
      @eveningkid  3 роки тому

      Thank you, there's more to come!

  • @iskanderabbassi6256
    @iskanderabbassi6256 3 роки тому

    really thanks so much :')

  • @prathyakshkashyap6098
    @prathyakshkashyap6098 3 роки тому

    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
      @eveningkid  2 роки тому

      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
    @jiazhengguo5493 3 роки тому

    nice video!!! love it

    • @eveningkid
      @eveningkid  3 роки тому

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

    • @jiazhengguo5493
      @jiazhengguo5493 3 роки тому +1

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

    • @eveningkid
      @eveningkid  3 роки тому

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

  • @nova_master_pro
    @nova_master_pro 2 роки тому

    You are good man

  • @ABHISHEK-jc8kn
    @ABHISHEK-jc8kn Рік тому

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

  • @Saurabhkumar-ps5zp
    @Saurabhkumar-ps5zp 3 роки тому

    Thank you

  • @gonz4610
    @gonz4610 3 роки тому +1

    you are the best :0

    • @eveningkid
      @eveningkid  3 роки тому

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

  • @praburaj1127
    @praburaj1127 3 роки тому

    hi. your video is awesome. keep it up

    • @eveningkid
      @eveningkid  3 роки тому

      Thank you, happy you liked the video!

  • @TZCoder
    @TZCoder 3 роки тому +1

    The square is Orange!! 😁

    • @eveningkid
      @eveningkid  3 роки тому +1

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

  • @rockNbrain
    @rockNbrain 2 роки тому

    Tks bro

  • @sonsieg
    @sonsieg 2 роки тому

    good

  • @denischikita
    @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
    @LotfiORouis 3 роки тому

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

  • @뱅수는대근혀
    @뱅수는대근혀 2 роки тому

    thank you