React Native Phone Ring Indicator Wave - React Native Moti & Reanimated 2

🔥 In this video tutorial we will create an awesome react native phone ring indicator wave animation using React Native Moti powered by the amazing React Native Reanimated 2 running at 60fps.

We'll go through:
- How to use React Native Moti loop functionality
- How to use React Native Moti repeatReverse functionality
- Why React Native Reanimated 2 is just important
- How performant is React Native Reanimated 2
- How to animate this custom phone ringing indicator wave

________________________________________________________________________________
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔

-------------------

Follow me on

Want to support me?

----

You can find me on:

---

Timeline:
- 00:00 Intro
- 00:10 What we're going to build
- 00:32 Access 50+ animations on Patreon
- 01:18 Start coding inside VSCode
- 01:42 How we're going to create the animation
- 02:30 Create the circles that will animate
- 03:05 Use React Native Moti for the circles
- 03:20 Animate the circles
- 04:00 Change the transition of React Native Moti
- 04:35 Change the animation to loop: true
- 04:50 Create the stagger animation with React Native Moti
- 06:03 What is repeatReverse and how to use it
- 07:22 React Native Moti Performance
- 08:05 Some special performance
- 08:20 Final words

#reactnative #reanimated2 #moti #react-native-moti #react-native-reanimated #react-native-animations #react-native-loop #react-native-repeat #react-native-repeat-reverse #react-native-ring-indicator #react-native-wave #react-native-call-indicator

[fernandorojo]

‪It’s a cool feeling to build an open source library and then watch people use the APIs in ways you hadn’t considered.‬ Loved the video.

[syknz]

Im a simple man, when I see a great man I press like before even watch the video. Man you are getting better on making videos, keep it up! Waiting for your course

[brunofarias]

This is the best chanel for animations that i've seen, thanks a lot for the awesome tutorials.

[Cookies-cvnd]

I'm new coder and subscriber to your channel, and i loved the simplicity yet effective tutorial, and since this is my first time watching you i gotta say, at the end of the video you freaked me out thinking my speakers broke from that weird noises 😅

[PSSMPlay]

THANKS FOR COMING BACK MAN WE MISSED YOU A LOT

[dilipsuthar]

You are doing fantastic Catalin, all your animations are awesome. I wait everyday when will your new video come and when can I watch!!

[raymondmichael]

It's like talking to a friend ; thanks buddy.
I really miss your videos, hopefully everything is fine

Greetings from Tanzania 🇹🇿

[abhishektiwarijr]

Who else thinks that Catalin sounds so high in his videos.
Jokes apart.. Man you're awesome.
Love your contents.

[davidattah]

You're a Rockstar bro.... Thanks a million

[darianmorat]

I need more channels like this... Amazing video bro ✨

[seanknowles]

Hey my guy, it would be amazing to get a full course on react native animations that cover everything that Moti And Reanimated can do, I would defo pay for full up-to-date course :)

[glaze]

I'm kind of amazing how people can come up with these ideas with such simple primitives, really nice animation, think i'll try to implement it with reanimated 2 high order animations

[geekthegeek]

Wooww! Amazing content for react native animation 🔥🔥🔥🔥🔥

[vishusmart]

It's really cool. You really make a knowledgeable video. Can you make a video for best practices in react native.what we can do for app optimisation. ❤️

[bere]

simply amazing, one more time thank you so much for this fantastic content .

[benabernethy]

Happy to see another vid up! Which font do you use for your IDE? Thanks! 🙌

[codewithalade]

Very good videos, plz we need more content like this.

[RudolfCickoMusic]

5:33 I can feel the satisfaction from your face :D Love your content Catalin!

[MrKaremnour]

Awesome 👍😎
Please can you create tutorial for uber eat filters, , when use for example tab on burger the screen scroll to burger section...even if user scroll by his finger and reach to burger section the burger tab should highlight

[maheshpalsingh]

Great Work,

It is not working in project without expo

Getting error while using Moti

Cannot read property 'useContext' of null.