- 46
- 8 443
Expo Coder
India
เข้าร่วมเมื่อ 12 เม.ย. 2023
Dive into the world of live coding as I build exciting projects with React Native and the Expo framework. Whether you’re a beginner or an experienced developer, there’s something here for everyone!
🚨 Subscribe and hit the bell icon to stay updated on new projects and engaging live streams. Join our vibrant coding community by liking and sharing our videos!
Let’s code together! 🌟
Tags:
#ReactNative #Expo #LiveCoding #MobileDevelopment #JavaScript #CodingForBeginners #Programming #WebDevelopment #LiveStreaming #CodingCommunity #DevJourney
🚨 Subscribe and hit the bell icon to stay updated on new projects and engaging live streams. Join our vibrant coding community by liking and sharing our videos!
Let’s code together! 🌟
Tags:
#ReactNative #Expo #LiveCoding #MobileDevelopment #JavaScript #CodingForBeginners #Programming #WebDevelopment #LiveStreaming #CodingCommunity #DevJourney
Super Easy React Native AUTHENTICATION with Firebase 🔒
Super Easy React Native AUTHENTICATION with Firebase 🔒
In this video, we’ll dive into the world of React Native and Firebase to create a simple yet powerful authentication system for your mobile applications!
Links:
firebase auth:- firebase.google.com/docs/auth/web/start
firebase console:- console.firebase.google.com/
Why persistence is used?
Persistence in Firebase Authentication ensures the user's login state is saved even after the app is closed or refreshed. In React Native, this is achieved by using AsyncStorage to securely store authentication tokens locally.
export const auth = initializeAuth(app, {
persistence: getReactNativePersistence(ReactNativeAsyncStorage),
});
timestamps:
0:00 Overview
0:57 firebase integration
2:45 authentication setup in firebase
3:15 create context
5:00 setup sign Up
6:08 setup log in
7:22 add onAuthStateChanged in context
8:26 add persistence
9:15 install async storage package
10:26 import in context(auth)
12:35 run project
12:48 resolving errors
13:20 lets check sign up is working or not
13:56 user successfully added in firestore
14:12 lets check sign in is working or not
14:29 null error
16:06 sign in also Done
16:09 fetch user sign in data
16:43 Done
tags:
#Expo #Tutorial #CodingForBeginners #AppDevelopment #TechCommunity #Programming #SoftwareDevelopment #expo #reactnative #reactnativeframework #reactnativetutorial
#developer
keywords:
app design,app development,debugging techniques,debugging tips,dynamic ui,expo apps,expo development,expo framework,expo tutorial,javascript,javascript basics,javascript tips,mobile development,react,react components,react developer,react hook,react hooks tutorial,react native,react native apps,react native project,react native tutorial,react native tutorial for beginners,react native ui,simple code,ui design,user interface,ux,web design,webdev
In this video, we’ll dive into the world of React Native and Firebase to create a simple yet powerful authentication system for your mobile applications!
Links:
firebase auth:- firebase.google.com/docs/auth/web/start
firebase console:- console.firebase.google.com/
Why persistence is used?
Persistence in Firebase Authentication ensures the user's login state is saved even after the app is closed or refreshed. In React Native, this is achieved by using AsyncStorage to securely store authentication tokens locally.
export const auth = initializeAuth(app, {
persistence: getReactNativePersistence(ReactNativeAsyncStorage),
});
timestamps:
0:00 Overview
0:57 firebase integration
2:45 authentication setup in firebase
3:15 create context
5:00 setup sign Up
6:08 setup log in
7:22 add onAuthStateChanged in context
8:26 add persistence
9:15 install async storage package
10:26 import in context(auth)
12:35 run project
12:48 resolving errors
13:20 lets check sign up is working or not
13:56 user successfully added in firestore
14:12 lets check sign in is working or not
14:29 null error
16:06 sign in also Done
16:09 fetch user sign in data
16:43 Done
tags:
#Expo #Tutorial #CodingForBeginners #AppDevelopment #TechCommunity #Programming #SoftwareDevelopment #expo #reactnative #reactnativeframework #reactnativetutorial
#developer
keywords:
app design,app development,debugging techniques,debugging tips,dynamic ui,expo apps,expo development,expo framework,expo tutorial,javascript,javascript basics,javascript tips,mobile development,react,react components,react developer,react hook,react hooks tutorial,react native,react native apps,react native project,react native tutorial,react native tutorial for beginners,react native ui,simple code,ui design,user interface,ux,web design,webdev
มุมมอง: 32
วีดีโอ
How to Fix Bottom Tab Bar Over Keyboard in React Native Expo 🚀
มุมมอง 1662 หลายเดือนก่อน
How to Fix Bottom Tab Bar Over Keyboard in React Native Expo 🚀
Can i get the code
Thank you for reminding me. I have added in Telegram group t.me/expocoder
Bro face nahi dikha sakta to voice to dala krr
Ok bro... But mera focus nhi he yt pe just me random record krta hu... Aur upload krta hu aur daily live😅😅no voice..
HELLO, BRO, I NEED TO TALK WITH YOU ABOUT A DEAL PLEASE RESPOND!!!!
Message me on Telegram . sorry for the late reply.
@@expocoder please enable chat option in order to chat with you, there's no option to talk with you.
Ok
it only works for me in expo latest project with typescript, after wasting all the time of me on setting up this and searching yt tutorials then i found this video ! thank you @expocoder
Glad I could help you out 😅
what is your github username?
why are you using jsx not tsx?
there is no specific answer for your question😁 but I'm just used to with JSX.
Please make more react native tutorials and tips
Sure🫡
you are great
🤗🤗
@@expocoder bro my expo project dont have babelcomfig.js file what should i do
@expocoder help please
t.me/expocoder share ur code here tomorrow I will try to solve ur problem
Mine still doesnt work. Is it because i am not using typescript but a blank tenplate
kill ur terminal then try...still you get the same error share on the telegram group...no one said it's not work you're the first person .
I am trying again will get back to you
What's the telegram group
how to display phone screen like that
U need android studio
saw lots of videos of way of installing react native expo tailwind but that didnt work but after following steps from this video it worked help a lot may god bless you
🤗
Very well explained. I would highly recommend to watch this whole video for new version V4 of Tailwind. Lots of love from India🇮🇳🇮🇳🇮🇳🇮🇳
Thank you 😊
thanks man finally i sleep peacefully god bless you
😅
Power Cut🥲🥲
please make more react native tutorials and tips
Bro thank you so much for this. Its very useful for people like me who learn by making. I'll make it tomorrow and let you know if I face any problems. Thank you so much 😊
I pray that life gives you the best and i wish only riches for you. Thank you so much for this tutorial. I was stuck on this problem for 2 days. The docs are written poorly tbh as compared to reactjs docs
Thank you so much for your kind words😇🤗...
Thanks
Welcome 😁
Guys this is the best video on how to setup nativewind using the updated docs Please follow is tutorial step by step and once all has been done kill the terminal and start it again
Thank you 😊
I agree with u bro
It's working.. Tnx ❤
make a complete video on how to convert figma screen to react native app
Brother Can i contact you?
Yes...why not😁
power cut, that's why I couldn't continue the stream.
pure debugging test🥲🥲
Part 2: -- th-cam.com/users/liveWviWVq7ACMI?feature=share
stream ended due to a power off .
Avoid errors in live streaming; treating them as your best frds ...
Hello, can you send me your code?
Sure I will share code
Code ?
Live coding with errors is such a hard thing.😅😂
guys it's an unplanned live.Please don't judge me .. it's my first live, which is why my hands were shaking while typing.
thank you for the video