0:47 - the 2 minutes timelapse of the tutorial (10x speed) 2:46 - starting the tutorial at normal speed and create the UI 8:25 - starting animating the clock 14:42 - scale in elements using Animated.stagger In this video tutorial we'll learn how to create a minimalist Clock UI and how to animate it using React Native Animated API. We'll be using day.js library to get the timestamp, Animated.timing to animate the seconds, minutes, hours and Animated.stagger to animated the initial render of the Clock. Want to support me? - BuyMeACoffee: www.buymeacoffee.com/catalinm... - Paypal: paypal.me/catalinmiron
@biomathcode
3 жыл бұрын
Subscribed. Learning react-native with you.
@CatalinMironDev
3 жыл бұрын
Awesome, thank you Pratik! ✌️
@biomathcode
3 жыл бұрын
@@CatalinMironDev hey man, I am have debugging problems. Do you have a github repo from where can i debug. Error 1:- Component Exception:- Transform with key of "scale" must to be a number: {"scale": 0}. Error 2:- Attempted to assign to readonly property. Thanks Catalin for the tutorial, Commenting the code really helped me understand.
@steinbeats
2 жыл бұрын
I wonder how this would look like with the function component syntax, could you do a video on that?
@aliezadkhaha9439
4 жыл бұрын
Thank you very much , you are a superstar.
@CatalinMironDev
4 жыл бұрын
Thank you too!
@gajananmehta7215
2 жыл бұрын
Can you please make tutorial series on react animated api, your all animations videos were really awesome but sometime due to lack of knowledge it's take time
@pingshuibing
4 жыл бұрын
It is an awesome tutorial!! But I have a question: Can we not create `const` index and tick rather than put them inside state? Because we don't use `setState`, and we are using Animated.setValue(...) For anyone want to use hooks in this tutorial, I have some tips: - create index and tick through useRef: const index = useRef(new Animated.Value(0)).current; const tick = useRef(new Animated.Value(0)).current; - use useEffect(() => {...}, []) to replace componentDidMount and componentWillUnmount - .....
@notjustadulting705
2 жыл бұрын
The moment I apply rotate, the alignment of the hands changes. They no more overlap/are central aligned. What am I doing wrong here?
@fantasyteamshorts6112
4 жыл бұрын
Can you help in making a simple app, that reminds you to walk for 5 minutes and then rest for 5 minutes?
@CatalinMironDev
4 жыл бұрын
Fot Guru Yes, I can do that. Could you add more details about how this should work/behave? Just a small spec to wrap my head around it
@fantasyteamshorts6112
4 жыл бұрын
@@CatalinMironDev there is this therapy in which you need to walk for 5 min and then rest for 5 mins, this increases blood flow to vital organs, so the app should remind the user to walk for 5 min and then rest for 5 min, so while he his walking he there will be a sound after 5 min to rest and while he is resting the will be a sound after 5 min to walk and he just needs to start the app for that...
@fantasyteamshorts6112
4 жыл бұрын
Hi...@Catalin Miron...
@hessaa1712
4 жыл бұрын
why you didnt use useState and useEffect ?
@CatalinMironDev
4 жыл бұрын
HeSsA SONE because in this example I’m not using a function component.
@sathishsaminathan1347
4 жыл бұрын
Bro can you do the tutorial on the upi payment in react native? please
Пікірлер: 22