Introduction to React Native Reanimated 2

Поделиться
HTML-код
  • Опубликовано: 27 дек 2024

Комментарии • 109

  • @Reactiive
    @Reactiive  3 года назад +46

    This video has almost reached 4.000 views 🤯🤯🤯
    Thank you all for the support. This is an incredible achievement for me. 🚀

    • @talibhasan4397
      @talibhasan4397 3 года назад

      L

    • @NoOne-zl4qb
      @NoOne-zl4qb 3 года назад +2

      This video is gold. thanks

    • @rodycarlo3497
      @rodycarlo3497 3 года назад

      Yeah, many people look for this example. TY!

    • @LotfiORouis
      @LotfiORouis 3 года назад +2

      For you this was simple and natural but what you may don't know is that this is just the best reanimated2 explanation on youtube. Thank you!

  • @obentabiayuk4780
    @obentabiayuk4780 3 года назад +4

    This is the best and most explicit tutorial on reanimated I've seen so for. I've looked for one like this for so long now

  • @rafaelcalderon6658
    @rafaelcalderon6658 3 года назад +5

    Bro you explain this so well, I am not new at all in react native, and this is the first time that someone achieve to explain quite well the animation stuff. Thank you

    • @Reactiive
      @Reactiive  3 года назад +2

      Thank you very much for your feedback 😁

  • @ericb252
    @ericb252 2 года назад +2

    This is very very good. There were periods in here where I giggled at what I could make my phone do. This hasn't happened since I started programming almost 20 years ago. Thanks!

    • @davepascual39
      @davepascual39 2 года назад

      same feeling when I first display a text on my phone. haha

  • @it-coding
    @it-coding 3 года назад +2

    The best channel for learning reanimated 2 and gestures

    • @Reactiive
      @Reactiive  3 года назад

      Hi iT-Coding, thanks a lot for your feedback :)

    • @it-coding
      @it-coding 3 года назад

      @@Reactiive looking forward to new videos with react-native-gesture
      Layout Animation

    • @it-coding
      @it-coding 3 года назад

      still good - using JSI

  • @harunergingonen2656
    @harunergingonen2656 3 года назад +2

    You are the saver, im going to watch all your videos. Thank you for all

    • @Reactiive
      @Reactiive  3 года назад +1

      Hi Harun, thanks a lot for your positive feedback. I will upload soon new Reanimated content. Stay tuned 🚀

  • @Sarev_
    @Sarev_ 2 года назад +1

    Finally a good and up to date tutorial on React Native animations. Thank You! :)

  • @fabrizia5777
    @fabrizia5777 3 года назад +6

    Thank you, I'm approaching to reanimated and this was really useful! Hope to see other contents on this topic from you

    • @Reactiive
      @Reactiive  3 года назад +1

      Thanks for you support. Feel free to checkout the entire Playlist "Animate with Reanimated"

  • @ben7226
    @ben7226 3 года назад +3

    Thank you so much for the course and your efforts, there are not many RUclips channels or online courses about the reanimated on the internet. So I hope you'll keep this up, good luck ^^.

  • @PaoloLuchini
    @PaoloLuchini 3 года назад +3

    Amazing video! Really clear and useful!! I can't wait to see more videos.

    • @Reactiive
      @Reactiive  3 года назад

      Thanks! I'm glad you liked it

  • @Bartez89Sims
    @Bartez89Sims 3 года назад +2

    Much appreciated, was looking for quality react-native-reanimated and react-native-gesture-handler modern tutorial for a very long time

    • @Reactiive
      @Reactiive  3 года назад

      Thanks a lot for your feedback! ❤

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

    You, sir, have done a great job. I really like your approach when it comes to tutoring. Well done and keep it coming.

  • @CodeCowboy
    @CodeCowboy 3 года назад +2

    Just finished the video, amazing!!!!!!!!!!!!!!! You did a really good job explaining the concepts Enzo, subbed

    • @Reactiive
      @Reactiive  3 года назад

      Hi Code Cowboy, thanks a lot for your feedback!

  • @talhaatiq5105
    @talhaatiq5105 2 года назад +1

    Thank you so uch for videos. Would love to see some more on reanimated 2.

  • @cocaminus2328
    @cocaminus2328 3 года назад +1

    This video is extremely useful. Thank you for your sharing.

  • @raffaelescala646
    @raffaelescala646 3 года назад +4

    Thanks for this intro !!! It's impressive how is gonna be easier to implement complex animations 🚀 I’m waiting for more videos for sure 💪🏻

    • @Reactiive
      @Reactiive  3 года назад

      Thanks for your feedback. I released recently some other videos on the reanimated package, feel free to check it out!

  • @abarnto
    @abarnto 2 года назад

    Great introduction about this powerful lib. Subscribed and I'm going to watch all your other contents. Thank you very much!

  • @kofexdx
    @kofexdx 3 года назад +2

    Very good tutorial. Best seen so far

    • @Reactiive
      @Reactiive  3 года назад

      Thanks a lot Albert 😊

  • @srinivasrg5125
    @srinivasrg5125 3 года назад +3

    great explanation sir, thank you. Please do more tutorials like this, especially in reanimated 2 and gesture-handler from reanimated.

    • @Reactiive
      @Reactiive  3 года назад +2

      Your support is really appreciated! I will publish a lot of content for reanimated and gesture handler. Stay tuned! 🔥

  • @felixfigueroa
    @felixfigueroa 3 года назад +1

    Thank you for dedicating yourself to this topic, I hope you continue to do projects please, you have a new subscriber, activated so as not to miss anything ..!

    • @Reactiive
      @Reactiive  3 года назад

      Thank you very much for your feedback

  • @JosemarSilva-dz5on
    @JosemarSilva-dz5on 2 года назад

    best animation tutorial for developers expo, highly recommend.

  • @franku.n.1798
    @franku.n.1798 2 года назад +1

    Thank you. great content. worked with a logo

  • @NicholasVerkaik
    @NicholasVerkaik 2 года назад

    Well done video, the 2nd I've watched of yours. You explain things very well and break them down into the perfect size. Please keep it up.

  • @liaolucas2623
    @liaolucas2623 2 года назад +1

    thank you, love what you're doing

  • @danpetre5414
    @danpetre5414 3 года назад +2

    Awesome channel. Thank you for your work and dedication :)

    • @Reactiive
      @Reactiive  3 года назад

      Hi Dan, thanks a lot for your support! Stay tuned for more videos 🤓

  • @talhayousaf3918
    @talhayousaf3918 Год назад

    I was too afraid of Animations before watching this video. And Now I'm full of confidence due to your great explanation and the sequence in which you have implement each of the ingredient. Really help full ❤

  • @freak2137
    @freak2137 2 года назад +1

    Crystal clear, I can’t thank you enough for these clear explanations 🙏🙏

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 года назад +1

    Excellent tutorial!

  • @amirkerimov95
    @amirkerimov95 2 года назад +1

    Very nice tutorial 👍🏻

  • @TeamArcain
    @TeamArcain 2 года назад +1

    You make amazing tutorials mate, thank you so much!

  • @RiskGamer-de5js
    @RiskGamer-de5js 8 месяцев назад

    Really all will support like this content. Thank you bro.

  • @jerrywebie4380
    @jerrywebie4380 3 года назад +2

    great tutorial, Thanks!

  • @g43s
    @g43s 2 года назад

    7:09 For some reason my app crashes when i add "withTiming" is anyone experiencing this aswell? im using react cli, does this has something to do with my issue?

  • @arcideas697
    @arcideas697 3 года назад +1

    thank you very much this video helped me a lot.

  • @zenlogie9310
    @zenlogie9310 3 года назад +2

    good explanation and straight to the point, i like your style... i couldnt stop thinking about pizza the entire video tho :D

    • @Reactiive
      @Reactiive  3 года назад +1

      You've officially made my day 🍕

  • @RaviRupapapra
    @RaviRupapapra Год назад

    You are amazing bro Thank you for sharing your knowledge

  • @psychoder3638
    @psychoder3638 2 года назад +1

    thanks for the beautiful videos please make more .

  • @YuryiBabrou
    @YuryiBabrou Год назад

    Amazing explanation! Thanks!

  • @robdev89
    @robdev89 2 года назад +2

    Excellent tutorial! For some reason I had in my mind that it was much harder to do React Native animations but this is actually not to bad. Reanimated seems really powerful. Thanks for the content!

  • @REPPALAPP
    @REPPALAPP Год назад

    Thanks alot , great explanation

  • @sumandassarkar3298
    @sumandassarkar3298 2 года назад

    Really loved the way you explained.❤

  • @ManasTunga
    @ManasTunga 3 года назад +1

    Awesome thanks form making this video !!!

  • @furkanuzun8910
    @furkanuzun8910 2 года назад

    Thanks for perfect tutorial.I know how worklets is using until now!

  • @RhinoInfo
    @RhinoInfo 3 года назад +2

    can i use js component to run animations or i need TS component

    • @Reactiive
      @Reactiive  3 года назад +1

      Hi Rhino, you can definitely use JS. Anything that can be done in Typescript can also be done in Javascript 🤓

    • @RhinoInfo
      @RhinoInfo 3 года назад

      @@Reactiive thank u sir , u are great

  • @mahonealex4615
    @mahonealex4615 3 года назад +2

    Thank you, it is useful

  • @Himu711
    @Himu711 2 года назад

    Here in useAnimatedStyle Hook, we haven't used the progress or scale value as dependency. So, do we only need to pass dependency in useAnimatedStyle when that dependency value is on JS thread? Means if the progress value would have been from useState and not from useSharedValue. Please let me know if I'm thinking right. Thanks in Advance. Amazing Tutorial 🙂

  • @antoniuskonovalov
    @antoniuskonovalov Год назад +1

    Clear as hell! Thank you!

  • @jamieblair4336
    @jamieblair4336 3 года назад +2

    Which vs code color theme are you using?

    • @Reactiive
      @Reactiive  3 года назад +1

      Here's the info on my vscode theme setup:
      - vscode theme “Tokyo Night" ( marketplace.visualstudio.com/items?itemName=enkia.tokyo-night );
      - palenight icons ( marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons ).

    • @jamieblair4336
      @jamieblair4336 3 года назад

      Thank you for the response 👍 and the tutorial was also well structured, great work 🤗🤗

  • @tamiyasinji5761
    @tamiyasinji5761 3 года назад +2

    Thanks for posting the video.
    I want to make an app like instagram.
    I've recently started learning programming and ReactNative.
    I'm watching from Japan. I'll be learning from you!

    • @Reactiive
      @Reactiive  3 года назад

      Hi Tamiya, thanks a lot for your support. I love Japan! 🚀

  • @HarelTussi
    @HarelTussi 3 года назад +1

    Awesome content! Keep going!

    • @Reactiive
      @Reactiive  3 года назад

      Thanks for your support! Stay tuned for more content on this channel 🔥

  • @ivansamoiliuk5451
    @ivansamoiliuk5451 2 года назад

    Very big thanks! It's cool video!

  • @josephorji8331
    @josephorji8331 3 года назад +2

    hello Reactiive please, can make a video for transition between screen using react-reanimated@2 and react-native-navigation v5

  • @rohithpatel5306
    @rohithpatel5306 3 года назад +1

    How to test reanimated components with testing library's . Could you make a video on testing reanimated . While I'm testing I got error from useDerivedvalue . Then again I shifted back to native animated value . Could you please help with this.

    • @Reactiive
      @Reactiive  3 года назад +1

      Hi Rohith Patel, that's a great idea! Right now to be honest I'm trying to create basic videos on the Reanimated 2 topic but in the early future it could be of course an interesting topic to dive in!

  • @kaisian4940
    @kaisian4940 3 года назад +1

    Can you do a candlestick chart for a demonstration?

  • @abdessalamait6766
    @abdessalamait6766 Год назад +1

    thank you so much it is very clear

  • @andresdosantos5310
    @andresdosantos5310 2 года назад

    Very good video, but on Android the transition doesn't work, when the time runs out it goes straight to the next value without transitioning, do you know why?

  • @TanjilHossain-b4b
    @TanjilHossain-b4b Год назад

    What's the theme you are using on vs code?

  • @CodeCowboy
    @CodeCowboy 3 года назад +1

    Hey man I love your IDE colors, do you mind sharing the theme?

  • @chrislloyd1734
    @chrislloyd1734 3 года назад +2

    Would love to find out how to animate/move multiple images along the X,Y axis from one coordinate to another without using gestures "onpress/tap" etc. Any ideas anyone??? Could this be started when the screen first renders??

    • @Reactiive
      @Reactiive  3 года назад

      Hi Chris, check out my video on the PanGestureHandler ( ruclips.net/video/4HUreYYoE6U/видео.html ) I think it could be helpful 😌

    • @chrislloyd1734
      @chrislloyd1734 3 года назад

      @@Reactiive You are using the PanGesture Handler.. I just want to use the animation wrapper. Or does it have to be done that way?? I can get animations working along the Y or the X axis but not at the same time EG up down left right but not diagonally.. to an absolute position. I also want to trigger the event automatically on screen mounting, without any gesture/ button OnPress activation.

  • @mohdsajidshaikh4291
    @mohdsajidshaikh4291 3 года назад +3

    One thing is clear your favorite color is blue and you make nice wallpaper from single colour

  • @babycodeur5594
    @babycodeur5594 2 года назад

    Hi, really Nice tutorial ! I tried it on apk compiled and doesnt work, that works well on expo but not apk compiled. If someone know why …

  • @alifaizan7394
    @alifaizan7394 3 года назад +2

    Which Theme?.
    Great content btw

    • @Reactiive
      @Reactiive  3 года назад +1

      Hi Ali thanks for the feedback.
      Here's the info on my vscode theme setup:
      - vscode theme “Tokyo Night" ( marketplace.visualstudio.com/items?itemName=enkia.tokyo-night );
      - palenight icons ( marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons ).

  • @gajananmehta7215
    @gajananmehta7215 3 года назад

    Can you please make all demos with animated api which you created with reanimated-2

  • @akashm1240
    @akashm1240 2 года назад

    Quality content!

  • @eliasmansouri2961
    @eliasmansouri2961 3 года назад +1

    Tutorial molto utile 😉

    • @Reactiive
      @Reactiive  3 года назад

      Grazie mille! 🇮🇹❤️

  • @ishikabudhiraja673
    @ishikabudhiraja673 3 года назад +2

    well if you made a guide on how to install reaniamted2 it will be great. cause it doesnot support naviagtions or anything this thing is just messed up

  • @denisotim7640
    @denisotim7640 3 года назад +2

    thankyou!!!!!!

  • @028-manikandan3
    @028-manikandan3 Год назад

    Sir please put video in reactnative bottom sheet creating

  • @ameer_taghavi
    @ameer_taghavi 3 года назад +1

    Can you please make an instructional video that shows how to make a WhatsApp voice recording button animations(slide to lock & slide to cancel & delete)?

  • @abnerlima5697
    @abnerlima5697 3 месяца назад

    Thanks!

  • @OmarJesse
    @OmarJesse 2 года назад

    thanks!

  • @emperorrassem
    @emperorrassem 3 года назад +1

    You should improve your audio quality. Too much noise. Voice is not clear. But liked your video. Keep up the good work.

    • @Reactiive
      @Reactiive  3 года назад +1

      Hi Alauddin, thanks a lot for your feedback. I will definitely try to improve it. By the way that was my first video, could you check if you notice audio problems even with the latest videos?

    • @emperorrassem
      @emperorrassem 3 года назад

      @@Reactiive okay i will.

  • @damonguzman
    @damonguzman 2 года назад +1

    Here's an idea: Take a shot everytime he says, "uh"

  • @5464654135756
    @5464654135756 11 месяцев назад

    You need to improve your pronunciation and accent, bro. Your videos are hard to follow without a subtitle.

  • @axe-z8316
    @axe-z8316 2 года назад

    Terrible you had a bug with the animation at 5 secs, then you denied what happened. don't ever do this if you want to be credible.