🔴 Login & SignUp UI in React Native Reanimated | React Native Projects | Beginners Tutorial
HTML-код
- Опубликовано: 25 июн 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 ...
RUclips Clone App: • 🔴 RUclips 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!!
Thanks for the tut... it was so helpful
Amazing video my friend keep on !😍😍😍
Well done thanks mate
Great video master!!
ThankU. great explanation.
Amazing videos, great explanation
Very good RUclips channel for react native tutorials. Thank you sir
Great 🎉
Thank you
thanks bro
@codewithnomi I tried the same way you have done, but the tailwind property is not working in my app.
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
Animation ❤
Please make a full series on React Reanimated.
Had an issue while using tailwind to style the main view container.
For some reason the image didn’t display properly on my screen
❤❤❤
after seting up tailwindcss libe by line, this className is not working, basically no error but doesn't reflecting any changes pleaae help
sir, can u make expo use TS?
Haven't tried yet, but i think it will mess the whole design when you open the keyboard
is it responsive with keyoard opne?
Hello sir, do you share your design somewhere?
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
how to customize apps recent screen in android
Kindly Redo it With React Native CLI Please
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
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?
Great video! Have you Would you ever been able to create an Instagram story clone?
will do
Why you charged for the source code ? It would be better for us if you can give it as openly.
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
where to find this kind of background images for login and signup forms
i made them
in figma ?
@@codewithnomi
Can you show us how to do authentication with Login and Sign up?
ruclips.net/video/idPGWpVLHP0/видео.html
Can you do video how to use Firebase for login and signup in react native
ruclips.net/video/idPGWpVLHP0/видео.html
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
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
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.
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 😉
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!
👎👎👎👎