🔴 Login & SignUp UI in React Native Reanimated | React Native Projects | Beginners Tutorial
Vložit
- čas přidán 12. 06. 2024
- Hello everyone 👋, today we are going to make an Onboarding UI with cool animations with the help of react native reanimated 3.0. You will learn about adding cool animations in your react native app. Make sure you like this video and subscribe the channel for more react native videos.
🚀 Source Code: links.codewithnomi.com/signIn...
🏞️ Assets: drive.google.com/uc?export=do...
Add TailwindCSS in React Native : • Add Tailwind CSS In Yo...
Add Navigation in React Native : • Food Delivery App with...
If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/syednoman
🚨 more videos on react native:
Food Recipe App : • 🔴 Build Food Recipe Ap...
Movie App : • 🔴 Build Movie App Usin...
Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
Travel App UI : • 🔴 Travel App UI | Reac...
Weather App : • 🔴 Build Weather App Us...
Coffee App UI : • 🔴 Coffee App UI - Reac...
Food Delivery App : • 🔴 Build Food Delivery ...
CZcams Clone App: • 🔴 CZcams Clone - Reac...
Login | SignUp UI : • 🔴 Login | SignUp UI - ...
Fast Food App : • 🔴 Fast Food App UI - R...
App Store UI : • 🔴 App Store UI - React...
Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
Firebase Authentication React Native: • React Native Firebase ...
Food Delivery App : • Food Delivery App with...
Learn React Native: • Build Expensify App Wi...
Learn Reactjs: • Modern React For Begin...
#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
react native login
react native login ui
react native signup
react native onboarding
react native apps
react native animations
reanimated 3.0
animations
ios app
▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
00:44 - Create App
03:35 - Add Tailwindss
06:19 - Add Navigation
08:20 - Login UI
14:16 - Add Animations
18:40 - SignUp UI
19:56 - Final Demo
Great, congratulations, these animations add a luxurious experience. 👏🏽
these videos are pure gold! thank you so much!
These videos are so good! Well done!!
Well done thanks mate
Thanks for the tut... it was so helpful
Great video master!!
ThankU. great explanation.
Amazing video my friend keep on !😍😍😍
Amazing videos, great explanation
Very good CZcams channel for react native tutorials. Thank you sir
Thank you
Great 🎉
thanks bro
@codewithnomi I tried the same way you have done, but the tailwind property is not working in my app.
Had an issue while using tailwind to style the main view container.
For some reason the image didn’t display properly on my screen
Please make a full series on React Reanimated.
after seting up tailwindcss libe by line, this className is not working, basically no error but doesn't reflecting any changes pleaae help
awesome video and also make a video on how to deploy apps on playstore and app store , it will make more impact on your channel also , coz you explain things in much easier way thats y
❤❤❤
is it responsive with keyoard opne?
sir, can u make expo use TS?
Animation ❤
Hello, I'm building this one on android. I've followed the entire instructions and everything works fine. The only issue I had is the slide transition in the Navigation, it doesn't complete the animation. May I have an idea on what could be the problem?
hi can you share me the code
Haven't tried yet, but i think it will mess the whole design when you open the keyboard
Hello sir, do you share your design somewhere?
how to customize apps recent screen in android
I almost done everything everything is fine but when i click on the input text so all the elements are collapse just in android
ALso use every thing like the Keyboard avoiding tool
sure, will keep in mind next time
Great video! Have you Would you ever been able to create an Instagram story clone?
will do
Kindly Redo it With React Native CLI Please
Hi, I'm facing issue that when I back to previous screen, animation doesn't work. can you please help to resolve it.
i am also having this problem, did you manage to fix it?
When I navigate further and comeback to this screen, there is no animation.Nomi Bhai how can i make sure animation happens everytime i navigate to login screen?
trying reanimating using useFocuse() hook
Why you charged for the source code ? It would be better for us if you can give it as openly.
where to find this kind of background images for login and signup forms
i made them
in figma ?
@@codewithnomi
When I click on an input it does not focus on the input in question (so I do not see what I enter with the keyboard) and it moves the elements of my screen, can you explain to me how to solve this problem please :)
This issue is related to the keyboard avoiding view, I'm working on a video series where I'll explain how to fix this 😉
@@codewithnomi Ok thanks you I am waiting for that
Can you do video how to use Firebase for login and signup in react native
czcams.com/video/idPGWpVLHP0/video.html
Can you show us how to do authentication with Login and Sign up?
czcams.com/video/idPGWpVLHP0/video.html
Do u have account on fiver ? I’m looking for someone to build my project ..
You can contact me here: codewithnomi.dev@gmail.com
Sir tailwind is not working in 3.3.2 version also
its working perfectly fine as you can see in the video 🤨
@@codewithnomi sir in my system it is not working 😮💨
Can you expo router in your next project
will give it a try 😉
Hi bro i have a doubt i have created a cli weather app in react native , i want to publish it , but it takes money on playstore to publish it , i want the recruiter to see it live , just like we have netlify and vercel in react js , is there any same thing in react native where i can publish my app for free and share link so that it can be viewed by recruiters
just build the apk, upload it somewhere and share the file link.
you can save it on google drive 😉
splash screen
1545
bhai koi material to free de dety atleast images e
I've added the assets in the video description, thanks for pointing it out 😉
Bro change your title to react native using Tailwind.
Not only 'react native ' , because if you use tailwind then it is no longer react native.
Please use CLI and not expo
Why what is reason behind it
What is wrong with Expo? Expo is stable and does everything that React Native CLI does. People tend to say weird things about Expo without even trying. We have our application fully built with Expo, with over 50k MAU, and everything is working fine. No issues; the team is super productive.
@@ibrahimkouma6751 thanks for the insights!
👎👎👎👎