Animated Login Form in React Native (#1 UI)

Learn how to create Animated Login Forms in React Native using Reanimated 2.
This is part 1 out of a 2 episode series where we will learn how to build animated authentication screens in React Native. Today we will focus on the UI part and in the next episode, we will work on animating it.
🎒 Download the Asset Bundle (Source code, images, dummy data, slides):
assets.notjust.dev/animated-auth
📚 Join the waitlist for "The Full-stack Mobile Developer" to be updated when we open it again
academy.notjust.dev/
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
➤ / vadimnotjustdev
➤ / vadimnotjustdev
➤ / vadimsavin
➤ / vadimnotjustdev
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#VadimSavin #notjustdev #reactnative

[@Muzly]

Can't wait for part 2, this looks amazing.

[@lukasgrinevicius5868]

🤭🤭🤭

[@alexkey9372]

please do more of those short tutorials!! very helpful and to the point!

[@notjustdev]

More to come!

[@lukasgrinevicius5868]

Glad to hear that you're enjoying such videos! 🔥

[@tasadduq009]

Congrats you got a new subscriber 😁

[@anum2471]

Awesome Content👍 I appreciate your hard work and dedication guys 👌🏻 you guys rockkk🤘🏻

[@notjustdev]

Thank you so much 😀

[@lukasgrinevicius5868]

Thank You soo much for such kind words! 🤗

[@chetanbawankule2035]

This is so cool and helpful Thank you so much

[@notjustdev]

Glad it was helpful!

[@lukasgrinevicius5868]

Thank You!! 🚀

[@hewr_srood]

Amazinggg!! But one small thing that i faced was that the close button was not showing on android, I fixed it by adding position: 'absolute', top: height / 2, to the closeButtonContainer.

[@rog0079]

Great stuff, we need more reanimated 2 tutorials

[@notjustdev]

More to come!

[@lukasgrinevicius5868]

We will definitely do some more if you guys like them!

[@rog0079]

@@lukasgrinevicius5868 absolutely loving them, keep 'em coming

[@shebeeradimaly6125]

really helpful

[@MateSantha99]

Awesome!!!

[@lukasgrinevicius5868]

Glad you liked it!!

[@pankajsharma-rf1ov]

your videos are cool dude big fan from INDIA ❤️

[@notjustdev]

Thanks

[@lukasgrinevicius5868]

Thank You!! 🤩

[@ElbinBinil]

That's a cool one

[@notjustdev]

Appreciated!

[@lukasgrinevicius5868]

Thank You!! 🚀

[@vaibhavkumarpatel6863]

Some suggestions. Please zoom your screen not seeing clear code and also video quality is also not good can't see proper on 360dp quality. By the way video content is awesome.

[@paulcarlotordecilla2590]

I hope you can read my comment. my i ask when i update the content in amplify studio my connection to my local computer was gone. my i know how can i fix this im using react native and android studio emulator. thanks

[@awaiskamalkhan9886]

when we try to give input to form the form goes up on the image because half screen is taken by keyboard? what is the solution?

[@ppsdeveloper9448]

👍🏻

[@chrisamuzie401]

Please why is signed apk keep crashing whenever I wanted to open it in. The debug version is working correctly but the signed apk keeps crashing. Please any idea? RN 0.69.. Even an empty brand new project crashes immediately I signed the APK

[@davidcardenas8539]

But how it works with a Keyboard on screen ?

[@atlantafilmmakersleague7465]

I want to learn this for cli

[@mohammedafzalkhan1830]

Hello Please add 2 video 1video is very helpful

[@lukasgrinevicius5868]

It's already out! 🔥

[@heartfilterer9863]

So many third party library please bring some custom animation

[@pankajsharma-rf1ov]

@notJust․dev i followed your tiktok clone and I don't know how to play the video when that video comes into the frame with react-native-video please help and give some tips

[@chrisamuzie401]

Please why is signed apk keep crashing whenever I wanted to open it in. The debug version is working correctly but the signed apk keeps crashing. Please any idea? RN 0.69.. Even an empty brand new project crashes immediately I signed the APK