The Reanimated 2 Cheatsheet

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

КОМЕНТАРІ • 145

  • @Quacky_Batak
    @Quacky_Batak 3 роки тому +29

    This is one of the most "beautiful" tutorials I've seen. I know, I'm fangirling over you now. But wow! It almost seems like the reanimated library has been told to me like a story. Imo this video captures the elegant-ness of reanimated with ease.
    I know you said something special is coming, but the quality is amazing and not to mention the information. Thanks man! Keep it up! Looking forward to Wednesdays from now on.

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

      You really hit my feelings with this message Apoorv!
      "elegant", that's really something that matters to me. I want this channel to be more than just "react native videos". I care so much about this, because I truly want it to be helpful.
      Seeing all these comments really shows me that people care too. When you talk about my work, I want to tell you that it is because of great people like you watching it.
      I have tons of ideas for what's next, so please stick around! I won't ask for more comments like this but man, honestly, this helps me so much.
      Thank you :)

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

      @@eveningkid I don't usually comment on youtube videos. But the quality of your content is amazing. I want to see more and more videos with this quality man! Thanks ! You got yourself a loyal fan now. Dw! :wink:

  • @saqixpro
    @saqixpro 3 роки тому +12

    The best react native related tutorial ever on UA-cam. Hats off sir 🙏

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

      Thank you so much for the kind words! I’ve seen you’re also making videos, keep it up :)

  • @jacobmlby1257
    @jacobmlby1257 3 роки тому +31

    You’re going to be bigger than William C. If you keep it up 😃

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

      zateez troo! hehe... Just kidding :)

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

      to me he sounds like a cross between William and Spencer Carli

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

      It's really kind of you to believe so much in my work Jacob! However, this channel is really about making great videos, not so much to compete with someone else! I think people deserve to see high-quality content and that's what I'll keep delivering as much as I can. See you around buddy! :)

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

      I try to be as much evening kid as possible Vincent!

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

      @@eveningkid+1 agree this shouldnt be about competition. It should be more on learning stuff. William did amazing things thats true but we dont need to compare people

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

    This is an amazing cheatsheet, I have not learned Reanimated 2 before and always wanted to know more about it. This is a great intro!

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

    Still watching, my mind is already blown by the representation. Keep up the great work.

  • @samautrey3834
    @samautrey3834 3 роки тому +3

    Best RN UA-cam out there right now. Great job man.

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

      Sam, you really know how to keep me motivated! Have you been into RN for a long time?

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

      @@eveningkid oh yeah! I’ve seen UA-camrs come and go, but nothing is quite like yours. Send this to software mansion!

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

      This was actually shared by the head of engineering at software mansion! Very nice of him really. Since you've been checking UA-cam a lot, is there something you've always wanted to see maybe? I have lots of ideas but I don't want this channel to be all about me! It's really good to see competent people like you commenting on my video :)

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

      @@eveningkid As far as animation basics are going, definitely keep down the road you are going. I'm loving every minute of it. As far as things beyond that: Implementing complex animations with your explanations would be very helpful to a lot of people. Something complex like an Animated Tab Bar or Animated Pagination Dots for example. Good luck!

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

    This channel is one of the best programming channel I've come across. I would easily put it in the league of Corey Schafer in terms of explaination prowess

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

      Thank you so much for saying this!! It means a lot, I’m glad you liked it :)

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

    In all the videos which i watched on your channel, i was also checking the subscribe button whether i clicked that already or not. Your videos are just amazing, short and best.

  • @berkegoktuna6060
    @berkegoktuna6060 3 роки тому +4

    I can not describe how grateful i am for the video. I hope even more people will see it. Thank you so much!

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

      Thank you so much for saying this, I am very happy this found you well! My only wish is for this to be seen by more people too. It will come with time and word of mouth I hope!

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

    This is what we really need. This is the content that you will never see anywhere else.
    Alot of people tried before. Nobody made it that clear as you did. 🙏

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

      Wow, thank you Waleed, really! I hope to see you around :)

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

    Bro, your explanation enlightened me about reanimated 2😁

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

      Well, that's all I can hope for, being helpful. Enlightening? As long as we're not starting a cult, that's fine with me haha! Thanks for being around Diko, it's really cool to see your name popping in :)

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

    So clearly explained and it helps me so much. Thanks for the high quality video and explanation sir!

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

    Please make more of reanimated videos, hands down yours is the best!

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

    Than you so much for your videos! I was completely confused about animations in RN from the beginning. But your tutorials and explanation is absolutely amazing! Keep it up

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

    Thanks a lot man! it was amazing. hope you continue more and more

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

    I'm afraid it's another great video. Now I have no choice but to convert all my regular Animated elements to Reanimated... Thank you for the additional work! lol

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

      I was also afraid when I clicked the video and realized it was gonna be a great video.

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

      Pretty sure you can easily move from Animated to Reanimated! It's a surprisingly simple API to work with. Good luck Vincent and thank you for the kind words :)

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

      To be honest, I really hesitated with that horse picture. Turned out it worked on your curiosity!

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

      @@eveningkid Yeah... Kinda weird but it's OK. Are you from the Camargue area? lol

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

      @@eveningkid Would you trust Reanimated 2.0 for production? I would hate to start with v1 and redo the whole app to convert it again to v2.

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

    This video is pure Gold.

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

    Absolutely love it. How you are explaining stuff here! Keep it up man. Love form India!

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

      Thank you really, I’m very happy this happened to be helpful to you! A lot more to come :) Have a good day Sankhadeep!

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

    Amazing, great video and content. Very easy to understand as this is my first time learning reanimation on RN.

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

      I hope you can progress quickly Alan. It's a long way but I'm here to help with what I can. I hope you'll stick around for more! Good luck with your leaning :)

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

    i watch every other tutorials at 1.75x. I can't watch urs like that 😂. I felt like I'm watching a movie 🍿 directed by evening kid. ❤️✨

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

    I am glad that i subscribed few days ago..great explanation loved it... waiting for more

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

      Thank you so much Mohammad. You won't be disappointed, there is so much more coming in!

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

    I just watched this video, and yelled "what the f**k?!" multiple times - because of how powerful Reanimated 2 is, and because of how darn good this video is! Amazing job!

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

      I know right! For anyone who’s played with Reanimated 1, this is a true game changer! Very happy you found this channel, thank you so much for the kind words :)

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

    Dude thank you sooo much, your way of explaining things is epic. Please make a series on this library there aren't much resources out there im sure it will go viral.

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

      You can find more videos on the channel with examples! I think all the concepts are covered pretty much :) There could be more in the future. Anything specific you'd have on your mind?

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

      @@eveningkid Yes i didn't see your other videos when i wrote the comment, you're doing a great job man keep it up plz, there isn't much of a good content about reanimated exept for you an William so keep going we need you! If possible maybe more videos on layout animations and parallax effects please. 🙏
      Also i wanna ask u if it is possible to customize react navigation animations or maybe override them using reanimated?
      Again i can't stress it enough, thank you so much for everything you're doing for the community ❤

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

    Excellent content and production!

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

    I am totally in love with reanimated after this video, great work!

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

      Thank you so much for saying this Furkan! It has everything to be easily adopted doesn't it? Hope to see you around on the channel :)

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

    This is some awesome content! You're really helping me out moving from doing animations with Framer on Web to React Native Reanimated.

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

      Thank you so much Hannibal, I am really happy this is helping you out. Best of luck with your transition to Reanimated. You're in the right place :)

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

    Love your contents! Easy to understand yet elegant slides. Big thumb up!

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

      Very happy you like it, it’s a lot of work. I know why I do it when I see such kind words, thanks a lot :)

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

    your explanations are so clear and concise. Thanks and keep it up 🙏

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

      Thank you so much Tabo, I appreciate the kind words :)

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

    Clean + simple 👏👏 Thank you

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

    another perfect one. Thank you

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

      Thank you Amine, your continual support means a lot to me! :)

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

    That is some quality content😍.
    Thanks for posting this its smooth and clear.
    How do you make these videos and how do you put all this content in such streamlined way.

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

    More thumbs up for this guy please!

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

    Nice explains.
    I learn keep exploring reanimated 2

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

      Best of luck with Reanimated, it’s very promising! Hope you’ll do great :)

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

    Oh this was so amazing, Thanks a lot!

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

    You have a unique way to explain! I was going to learn Reanimated V1, because I finally understood Animated API, but, right now I am sure I am going to pass V1 and go directly for V2! Thank you man!
    Btw, it could be great if you share some snippets, maybe not a github's repo, but sandbox link could be useful :)

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

      I hope everything goes fine when switching with Reanimated2! Glad this was helpful to you :)

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

      @@eveningkid anything is better than animated api 🥲. I am now about moti and Reanimated 2

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

    Great video as always. Maybe I am a bit late for the question, but does anyone know how is there any way to run the measure (reanimated 2) function in useEffect hook? That is bothering me for a few days. I want to measure the content of a bottom sheet and set it to open state on default.

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

    I've known the power of reanimated for a while, but this video is whats made me stop being afraid to use it.

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

      That’s really the goal zomars! It usually sounds like a lot to learn and understand, but when put well, it doesn’t anymore. It’s great you captured what I’m really trying to do with these videos. Hope to see you around on this channel :)

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

    Gold as always!

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

      Thanks a lot for saying it Jack! It makes me happy to know you liked it. Hopefully you can start building something with Reanimated2 soon!

  • @nadeemkhan-yu4wf
    @nadeemkhan-yu4wf 3 роки тому

    brilliant stuff. no one explains things like you..

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

      You're a gem my friend, thank you so much for the kind words and being around for a while now! :)

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

    GOLD

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

    Since Reanimated 2 has introduced many hooks , why don't u make playlist tutorial on the hook in details

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

    Nice content as always! Interested in more reanimated 2 videos

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

      Thank you Jacob for still being around. It's funny how I often look for your comments in the list! There's more coming :)

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

    Awesome work on this video, good job !!

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

      Thanks a lot Guillaume, I’m very happy this was helpful to you. Have you tried Reanimated yet? :)

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

      @@eveningkid Yes, I'm currently moving my project from reanimated v1 to v2 ! Juste one thing, interpolate function is now interpolateNode right ? following this docs.swmansion.com/react-native-reanimated/docs/migration#renamed-methods

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

    Can you please tell me what is this soothing audio in the background of your video? It is so calming.

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

    Love it! well done

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

      Thank you so much, this means a lot to me! I really hope this can help you in what you're making. Best of luck with your projects :)

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

    When you launch a reanimated 2 course I'm going to definitely buy it

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

      Is it the destiny every RN youtuber shares? Hehe let’s see, I want to focus on the channel, not courses for now :)

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

    Excellent video. Thank you for sharing. I've subscribed and I'm looking forward to more videos. Have a nice day. :)

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

      Thanks a lot Darryl, really happy this helped you. I hope to see you around :)

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

    Great video man!

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

      Thank you Filip! Haven't seen you in the comments before. Have you been a long-time RN developer? :)

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

    Any idea why interpolateColor doesn't work on android?

  • @4rled
    @4rled 3 роки тому

    this is gold

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

      Thank you so much, if that was helpful for you that’s all that matters :)

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

    You should come up with react native reanimated animation course, i would buy it.

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

      the way to explain things is incredible.

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

    You are amazing 🙏

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

      Thanks a lot for saying this, it means a lot!!

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

    I suggest you to continue your videos. You will be more popular in short period.

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

      UA-cam context? What do you mean? 🤔

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

      @@eveningkid i means any video in channel. It may be react native or any other languages. You voice is clear and your explanation cover more details.

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

      @@arjunghimire6709 Oh alright! Thank you for the kind words, I'm definitely thinking long term here. Will do, glad you found the channel Arjun :)

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

    Thanks!

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

    Another awesome content

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

      Thank you, you know how much it helps to read this kind of comment! Glad to see you're still around :)

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

    Amazing

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

    Like before watch

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

      Well, I hope the content was enjoyable Yacine :)

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

      @@eveningkid very informative as usual

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

    You are the next big thing...

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

    Too good

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

    This video is relly helpful. Thanks man!
    Would be great if you can record some real examples, like creating bottom sheet with reanimated 2 and gesture handler.

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

      No problem Amir, there’s a lot more coming in. I also need to find a balance because I don’t want this channel to be all about animations! The bottom sheet one is very likely to come out soon :)

  • @NaveenKumar-oh3sr
    @NaveenKumar-oh3sr 3 роки тому

    Simply wow wow wow

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

      Thank you, very glad this seemed to help you!

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

    You nailed it!

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

      Thank you Jay, it’s great to know this was helpful! :)

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

      @@eveningkid I have a nice topic for you....svg animation using reanimated 2

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

      @@jaygandhi7542 Anything in particular maybe? I haven't seen many of these in actual apps, all I can think about is lottie animations! If you could shed some light for me, I'm probably blind hehe

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

      @@eveningkid Like animating svg using react nativd svg and reanimated 2

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

    i just spent infinity to grasp the declarative concept of reanimated, but then reanimated 2 comes out much easier and it's imperative, SMH , great video though , Well explained !!!!

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

      I know right! This is clearly what we’ve all been waiting for I feel. It’s great to think that it’s now probably a matter of a year to get everyone onboard with animations! Thank you for the kind words, I’m very happy you found my channel and dropped a message :)

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

    its almost to good to be true to be using imperative code in react native animations , i should learn about these worklets cuz i dont believe it

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

    Nice!

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

    finally... thanks a lot

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

      You're welcome, happy this was helpful. Have you tried making something already? :)

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

      @@eveningkid i've an app that i use lottie in a very hacky ways for little animations. i'm developing mostly backend things with a little frontend and i've never struggled too much with css transition animation stuff but things changed when it comes to rn. i tried to follow some other tutorials while ago but every other tutorial i follow tries to teach like you know a lot already, i didn't have so much time so i skip. But now i see it's not that hard and i definitely add more animations to my work. Hope to see more content from you

  • @deepaksingh-kb1ot
    @deepaksingh-kb1ot 3 роки тому

    best of bests

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

      Wow, thank you! You really know how to cheer me up :)

    • @deepaksingh-kb1ot
      @deepaksingh-kb1ot 3 роки тому

      @@eveningkid brother I envy the level of clarity and balance you have ...keep it up you are litteraly amazing everyone.

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

      I'm just a guy, you know!

  • @malcommiya5940
    @malcommiya5940 6 місяців тому

    @evenig kid are you still here?

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

    this is brillant.. for some reason Reanimated's Animated.ScrollView it isn't responding on android :(

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

      Thanks Gonz for the feedback! I think I know why it isn't responding on Android. You see how the scrollview bounces when we scroll on iOS? On Android there's no extra space when we scroll. If you add some vertical padding just so it becomes scrollable, you'll see the background color changing. Hope you can give this a try...or maybe start with a different idea? :) I'm very happy you're still around, hope to see you next time!

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

    do you have github code for this ?

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

      I’m afraid I don’t Arnold, this was really to illustrate concepts. I have also seen people copying my work when I would share it, so I’m a bit reluctant to do so. Best way to get great written content is to follow me on Medium (which I believe you do already!). I’ll try to share code when there’s too much to follow on screen, thanks for letting me know :)

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

      @@eveningkid yeah seems fair.
      Keep up the good work.

  • @4rled
    @4rled 3 роки тому

    Though Reanimated 2 is a bit of a waste of time right now. it does not support RND which is a blocker for most teams

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

      I agree, it’s a blocker. Now I think as with everything new, it’s a matter of time until it gets better. There’s enough hype around it for this to become more stable! Let’s wait and see :)