holy crap THANK YOU SO MUCH for providing a written version of this tutorial. you have NO idea how incredibly helpful that is for those of us who are hard of hearing (and also, just, like, really really bad at youtube tutorials)!!!!
What makes your tutorials much better than all that I've been seeing is that you really explain why you are using the values that you use, some people just throw the values on the screen and say nothing about them and you have to figure it out all by yourself. Awesome video! Please! Keep doing that!
You sir, are an amazing teacher. I watched your introduction video to react native reanimated and I had to watch more. Finding good tutorials like this one is priceless. You explain things from a first principles perspective and I think it's safe to say I picked up on the fundamentals of animations in react native in just a few hours. Thank you so much.
The way you explain about interpolate is amazing!!! x, input, output range is clearly to understand!!! WTF going on my screen!!!! I just learn React Native in 2 weeks and found your playlist on RUclips. Thanks to GOD guide me in right way... you're is my first prophet in React Native journey. Hat Off!
Hi Clemens, thank you very much for the feedback. The purpose of the videos is to be as informative as possible. I will always continue to explain everything from scratch!
OSM Video you are really a master in teaching I really like the way you explain each thing please add more videos like this on your channel thanks once again
Hi Daljeet, glad you liked it! Feel free to check out my latest video (Skateboard Deck Onboarding). It brings the same concept of this video into a real-world scenario :)
@@Reactiive Thanks, already watched that video ,Now waiting for new stuff :D, Is it posible for you ? To add video like this with flatlist in functional components just a basic stuff. one thing can we use the the (useSharedValue from reanimated lib. ) in flatList header Componet i tried it will only work when the screen is render first after that no. I tried with "const translateY = React.useRef(new Animated.Value(0)).current; " it working fine with useSharedValue only works one when screen is render First Hope this make scense Thanks for your all videos
Hi Vigneshwaran, feel free to check out my latest video (Onboarding Skateboard Deck). It uses more or less the same concept in a slightly more advanced way 🛹
Thanks a bunch for posting this. At work I have an animation that I'm working on which uses the regular Animated API and is based on the the position of a ScrollView. I was a little bit lost on how I could do the same thing using reanimated, so this was really helpful.
Hi Yash, thanks a lot! By the way the interpolate function from reanimated is extremely powerful. It seems hard but with practice it becomes very intuitive 🤓
Hi Diko, Now I'm focusing on react-native-reanimated 2 and react-native-gesture-handler because they allow to make low-level animations giving you many more degrees of freedom but in the future making videos also on Moti could be an idea. If you're interested in Moti right now @eveningkid has already made some great videos and I absolutely recommend them.
holy crap THANK YOU SO MUCH for providing a written version of this tutorial. you have NO idea how incredibly helpful that is for those of us who are hard of hearing (and also, just, like, really really bad at youtube tutorials)!!!!
I was struggling with the interpolate function and you made it much more clear, thanks a lot!
I'm glad you liked it. I will publish today a video on the interpolateColor function. Stay tuned for more content!
What makes your tutorials much better than all that I've been seeing is that you really explain why you are using the values that you use, some people just throw the values on the screen and say nothing about them and you have to figure it out all by yourself.
Awesome video! Please! Keep doing that!
i agree on this comment... well done and thank you for this tutorial!
You sir, are an amazing teacher. I watched your introduction video to react native reanimated and I had to watch more. Finding good tutorials like this one is priceless. You explain things from a first principles perspective and I think it's safe to say I picked up on the fundamentals of animations in react native in just a few hours. Thank you so much.
Thank you very much! I really appreciate your feedback 🍻
The way you explain about interpolate is amazing!!! x, input, output range is clearly to understand!!! WTF going on my screen!!!! I just learn React Native in 2 weeks and found your playlist on RUclips. Thanks to GOD guide me in right way... you're is my first prophet in React Native journey.
Hat Off!
Thank you very much! You're going to love your React Native journey 😁
Really informative video, I really like that you explain all of the code that you write. Keep it up!
Hi Clemens, thank you very much for the feedback. The purpose of the videos is to be as informative as possible. I will always continue to explain everything from scratch!
Why haven't I seen your great video until now? Thanks bro
thank you a lot for claryfaying how interpolation function work !
Very nicely done! Good content and really shows how reanimated can be used!
Thanks a lot for your feedback!
Your content is exactly what I needed at this stage of my career. Thank you so much.
Thank you! I really appreciate your feedback :)
Great explanation. I was looking for animation tutorial. You explained it much easier.
such an amazing explanation you earned my subscription.
Thank you very very much! Please keep making videos! Very informative and helpful! Thank you!
Thanks a lot for your feedback! 😊
OSM Video
you are really a master in teaching
I really like the way you explain each thing please add more videos like this on your channel thanks once again
Hi Daljeet, glad you liked it! Feel free to check out my latest video (Skateboard Deck Onboarding). It brings the same concept of this video into a real-world scenario :)
@@Reactiive Thanks, already watched that video ,Now waiting for new stuff :D,
Is it posible for you ? To add video like this with flatlist in functional components just a basic stuff.
one thing can we use the the (useSharedValue from reanimated lib. ) in flatList header Componet i tried it will only work when the screen is render first after that no.
I tried with "const translateY = React.useRef(new Animated.Value(0)).current; " it working fine with useSharedValue only works one when screen is render First
Hope this make scense
Thanks for your all videos
Killer tutorial as always!
It was so clear explanation, thank you so much. Keep it up!
Thank you for great tutorials! It is very helpful
Thanks a lot for so clear explanation!
Good explanation. Got some ideas about interpolation.
Hi Vigneshwaran, feel free to check out my latest video (Onboarding Skateboard Deck). It uses more or less the same concept in a slightly more advanced way 🛹
Very nice dude. I’m learning a lot.
Thanks a bunch for posting this. At work I have an animation that I'm working on which uses the regular Animated API and is based on the the position of a ScrollView. I was a little bit lost on how I could do the same thing using reanimated, so this was really helpful.
Great tutorial! You made it easy to understand!
Thank you for making the video. It was really helpful for understanding the concept
Congo on 300 subs 🎉
Well deserved 👏
Thanks a lot :)
super clear explanation, thanks a lot!
I'm learning a lot doing all the videos!! Thanks love your tutorials :)
I would be glad to see the subtleties with improved performance
very helpful tutorial , thank you
Very helpful 🙏🏼
Thank you
Excellent...Thanks you.!
thankyou!!!
please keep it up
Thanks for the video,
How to use diffclamp in interpolate?
God Tier.
Hi Yash, thanks a lot! By the way the interpolate function from reanimated is extremely powerful. It seems hard but with practice it becomes very intuitive 🤓
Thanx for the great contents
How can i do the same animation with a button ? I want to click a button and auto scroll to next page ?
Hi Harun, the next video will probably handle this feature. I won't give you any more spoilers 😜
why when you pass the entire translateX Object to the Page component the whole animation breaks down?
Do you have a plan to make some videos about Moti?
Hi Diko,
Now I'm focusing on react-native-reanimated 2 and react-native-gesture-handler because they allow to make low-level animations giving you many more degrees of freedom but in the future making videos also on Moti could be an idea. If you're interested in Moti right now @eveningkid has already made some great videos and I absolutely recommend them.
liked
TERRIBLE explanation hahaha ( for the scale interpolation and clamp ) Show dont tell.