#2 Animated Login Screen - Professional Animations in React Native | Reanimated | Gesture Handler

New To React Native?
React Native Foundation + Firebase + Redux :
www.udemy.com/...
#2. In part two of this series, we'll start adding Gestures and animations to.
We'll be using React Native Reanimated and React Native Gesture handler in this series.
Project files: github.com/nat...
Twitter / nathvarun
Instagram / nathvarun25
Facebook / nathvarun

[@wanjohi]

It's the eight wonder of the world looking at where Reanimated has come from. Most of this is is now implemented internally now, with even better performance in V2. As always thank you for your videos.

[@aaronruiz816]

I'm a UI/UX designer watching this to learn how animations get implemented after hand-off. This seems extremely complicated for a seemingly simple interaction. Is there not a more intuitive/approachable way to do this? Are there visual builders and animation editors that allow you to do this without writing so much code manually? If so, why aren't they industry standard??

[@beckyc.4970]

Hello, I really so grateful to do these videos!

[@Emperorkovic]

started adding this to my app. waiting for #3

[@codesmart9044]

Sir please keep making this kind of videos this is so helpful i can't even express in word million thanks..

[@nguyenvuhuutri3637]

Must subscribe immediately! Awesome tutorial!

[@atinpal8660]

Sir i don't know why or how but the button is not responding to my taps ... I have understood each and every part of the code and typed myself and when it didn't worked i even copied from the source ... But the animation isn't working

[@pakistanmerijan1212]

Same question, doesn't seems to working for me on android

[@pakistanmerijan1212]

Just confirmed, not working android but working on IOS

[@ubannadan-ekeh7781]

see solution here - stackoverflow.com/questions/58015248/tapgesturehandler-not-triggering-onhandlerstatechange

[@covidcoder]

​@@ubannadan-ekeh7781 you saved my hours thanks

[@MarceloSilva-co2hm]

@@ubannadan-ekeh7781 where i have to put this fix?

[@MISAKI-jd3iv]

this video is so helpful! thank you and waiting for next videos :D

[@tranlam2162]

is that runTiming different from Animated.timing() ? can i use Animated.timing() instead ? what the pros and cons between two ? please help me

[@akarshs9552]

Can you make one video on animation on splash screen?

[@npaul1440]

I like your videos really much

[@GoeHybrid]

This is a very helpful video, thank you! Nevertheless, it raises the question, is there any way to make animations in react-native more concise?

[@ZiosNeon]

Please help, how do i do it with functional components, i have it like this var Opacity = new Value(1); function onStateChange() { Animated.event([ { nativeEvent: ({state}) => Animated.block([ Animated.cond( Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0)) ) ]) } ]); } when i tap it doesn't fade away, if i replace Animated.eq(state, State.END),set(Opacity,runTiming(new Clock(), 1, 0)) for Animated.eq(state, State.END),set(Opacity.setvalue(0)) it works but doesn't work when i use the clock.

[@Sebas_Londo]

Pudiste solucionar??

[@tziortziskyprianou2725]

awesome once again

[@TheRobotinator]

Can you create the animation value in a parent component en give that value to a child component to use? My app doesn't start when I try this

[@victorighalo]

I got this error Invariant Violation: Invariant Violation: Native driven events only support animated values contained inside `nativeEvent`.

[@josephorji8331]

is there a way you can help? this doesn't work anymore

[@kevinjairlimaicopanchana131]

como ejecuto el emulador del telefono para ver el progreso en vivo

[@aleks6331]

Very nice!

[@Nanda-ho5eh]

for Es 6 what can we do

[@usupsuparma]

why doesn't work on new react-native-gesture-handler and react-native-reanimated?

[@Bite-Size-Tech]

same here... stuck now... trying to find a work around

[@yafiecake]

pls make a series for responsive react native app pls T^T

[@marciogrecioyt]

very nice!!!!!

[@aminbashanfar1914]

if you can explain more what you do is gonna be better because I feel that you are just making it works but don't know why, overall great job

[@UnsureProgrammer]

Hey amin. Thanks. Any specific parts you could point out that need more clarification ?

[@aminbashanfar1914]

@@UnsureProgrammer about the animated library and reanimated I didn't get how they work

[@UnsureProgrammer]

@@aminbashanfar1914 Yep it does have a learning curve and the docs aren't very beginner friendly. Maybe watching this will clear some more things up : kzbin.info/www/bejne/l6Cof39qnKtsqKc

[@PeterAVazquez]

Great video tutorials! Are you available for hire on a per project basis?

[@UnsureProgrammer]

Thanks Peter you can dm me on Twitter @nathvarun

[@PeterAVazquez]

@@UnsureProgrammer Thank you. I will do that for sure. Thank you for quick response!

[@atakpuikhide45]

Using it on my app too

[@leolima8585]

Why from 'expo' 'and not in from 'react-native'? I not like of the study with expo, emulator in virtual device or smartphone myself, note zero for video class

[@giu_codea]

I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.

[@andrisladuzans7607]

how to do it in Functional Component?

[@codewithdominic9318]

i know right idk why he is using classes

[@yusufbasori9841]

is it work for android?

[@peacemaker4969]

i tried with a device and didn't work

[@fsociety692]

bro need help about react native ?????????????/

[@viricel01]

🙏

[@Danilo1993456]

Could You show this example without expo ? , please

[@giu_codea]

I made this video without expo (RN 0.61.5) and you should only install the react-native-gesture-handler and react-native-reanimated libraries as indicated in the documentation of both.

[@praveenpaulvijayan6282]

thanks i did not buy this course from udemy

[@Unmaleable]

LOL man this does not work anymore. I will just read the documentation to find out issue. Thank you. I still like your videos!!

[@darryl_young]

Hey. Did you figure out how to get it working again? Please let me know if you did. Thanks!

[@Unmaleable]

​@@darryl_young Yes I figured it out which part is not working for you?

[@giu_codea]

I performed it today and it works perfectly

[@Unmaleable]

@@giu_codea Oh. I did not build it exactly the same. I customized it but used the 3 extra for other components of the screen

[@darryl_young]

@@Unmaleable I figured it out but thanks anyway. Like you, I was customising it and had an issue with that.