No video

🔴 Build a Realtime Chat App with Firebase | Authentication | Expo Router | React Native Projects

  Рет қаралды 41,368

Code With Nomi

Code With Nomi

Күн бұрын

Пікірлер: 65
@rxn013
@rxn013 6 ай бұрын
You are the best react native developer i found in youtube. Thanks for all amazing videos 🎉
@LazerMarsupial
@LazerMarsupial 4 ай бұрын
This might be the most precise tutorial i have watched yet.. Great job!
@JonathanPagani
@JonathanPagani 2 ай бұрын
This is the most interesting tutorial for react native. Congratulation and thank you so much !
@adeltahmid_
@adeltahmid_ 21 күн бұрын
Fantastic Nomi
@rapidreasearchyt
@rapidreasearchyt 3 ай бұрын
Sir, You are doing well, but.. abhi recently mene 2, 3 jaga Interview dia tha as a junior react native or jahan mei gya interview har kor cli pr hi kaam krra he, not in expo, almost saari companies cli use krri hen, so agr app cli pr projects bnaen to or bhi behtr hoga, jese aapne expensify ka project banaya tha, btw aapky foodrecipe wale project ki waja se company ne mujhe techinal interview pr bulaya and Im selected. Thnx for ur great work ❤❤
@codewithnomi
@codewithnomi 3 ай бұрын
Glad to help, will try creating cli tutorials 😉
@vinaydeveloper5496
@vinaydeveloper5496 5 ай бұрын
This tutorial is very useful to understand the concept of chat app functionallity. Thank You Very Much.
@JorgeJoanRobles
@JorgeJoanRobles Ай бұрын
Thank you very much Nomi. You are the boss
@franklou8086
@franklou8086 5 ай бұрын
The best react native tutorial!
@MrRobots100
@MrRobots100 6 ай бұрын
This is neat, please clone more apps, I love the work you do
@onagite
@onagite 4 ай бұрын
You always upload the best ReactNative tutorials very clean code no typescript and no over engineering. Thank you 👍
@randomaiuser
@randomaiuser 2 ай бұрын
Your UI is very beautiful
@myanimebase6486
@myanimebase6486 4 ай бұрын
Nativewind allows you to use "vh" and "vw", so no need for the extra library
@100xcoding
@100xcoding 6 ай бұрын
i think you should at least give us the all type of assets uses in the project as free so most of the audience code along with you, By the way loved your content.
@codewithnomi
@codewithnomi 6 ай бұрын
You can find the assets link in the video description 😉
@NicolasDev-x5e
@NicolasDev-x5e 28 күн бұрын
​@codewithnomi I will love to discuss something important with you, if you don't mind.
@paragonhd8700
@paragonhd8700 6 ай бұрын
Thank you sir, This was huge for me
@Shukie6174
@Shukie6174 2 ай бұрын
Brilliant tutorial, thank you. I think having isAuthenticated is redundant if you already have a state for user? Since user will be null if not authenticated.
@shandurrani4533
@shandurrani4533 Ай бұрын
why you have added react native app to web app, and manually setup firebase config instead of adding app to android/ios? Storing sensitive information such as Firebase configuration keys directly in your source code is not recommended? could you please guid on this, would be appreciated! Thanks
@keditsstatus6696
@keditsstatus6696 2 ай бұрын
in android the CustomKeyboardLayout 2:19:00 is working properly so there is no need to give the conditions 😊
@fredrickapollo4282
@fredrickapollo4282 6 ай бұрын
Nice work
@mhraihan7422
@mhraihan7422 6 ай бұрын
great one thank you
@proworkapp7514
@proworkapp7514 6 ай бұрын
Great !
@starexgenius6388
@starexgenius6388 2 ай бұрын
Is there a way to do it for group chat?
@ajaypatidar1892
@ajaypatidar1892 4 ай бұрын
"Hey there! Can you please create a course on building React Native apps with WooCommerce API integration? It'd be super helpful! Thanks a bunch! 🙌"
@UserAliyev
@UserAliyev 6 ай бұрын
nice video. which library are You using for responsiblity for tablets?
@nurmuhammadhassan4573
@nurmuhammadhassan4573 3 ай бұрын
nice video i must say, can you add video and audio call functionality
@PeterOne24
@PeterOne24 Ай бұрын
Hi can I know why you using both nativewind and stylesheet here? For example your using padding using paddingTop instead of p-8
@vaibhavmimrot6893
@vaibhavmimrot6893 Ай бұрын
ReadableNativeArray cannot be cast to java.lang.Double error in app/_layout.js file. can you tell me how to resolve this?
@user-nl5zc6kc9i
@user-nl5zc6kc9i 5 ай бұрын
Hi master, your tutorial helps me a lot to know more about React Native, but i have a issue when i try to make a build with expo go throws me the next error: Task :app:createBundleReleaseJsAndAssets Error: Unable to resolve module /home/expo/workingdir/build/node_modules/.cache/nativewind/global.css from /home/expo/workingdir/build/global.css: None of these files exist: * node_modules/.cache/nativewind/global.css(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css|.android.css|.native.css|.css) * node_modules/.cache/nativewind/global.css/index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css|.android.css|.native.css|.css) > 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; Error: Unable to resolve module /home/expo/workingdir/build/node_modules/.cache/nativewind/global.css from /home/expo/workingdir/build/global.css: None of these files exist: * node_modules/.cache/nativewind/global.css(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css|.android.css|.native.css|.css) * node_modules/.cache/nativewind/global.css/index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css|.android.css|.native.css|.css) > 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; at ModuleResolver.resolveDependency (/home/expo/workingdir/build/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:114:15) at DependencyGraph.resolveDependency (/home/expo/workingdir/build/node_modules/metro/src/node-haste/DependencyGraph.js:277:43) at Object.resolve (/home/expo/workingdir/build/node_modules/metro/src/lib/transformHelpers.js:169:21) at Graph._resolveDependencies (/home/expo/workingdir/build/node_modules/metro/src/DeltaBundler/Graph.js:473:35) at Graph._processModule (/home/expo/workingdir/build/node_modules/metro/src/DeltaBundler/Graph.js:261:38) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Graph._addDependency (/home/expo/workingdir/build/node_modules/metro/src/DeltaBundler/Graph.js:372:20) at async Promise.all (index 3) at async Graph._processModule (/home/expo/workingdir/build/node_modules/metro/src/DeltaBundler/Graph.js:322:5) at async Graph._addDependency (/home/expo/workingdir/build/node_modules/metro/src/DeltaBundler/Graph.js:372:20) > Task :app:createBundleReleaseJsAndAssets FAILED > Task :react-native-reanimated:externalNativeBuildRelease > Task :expo-modules-core:buildCMakeRelWithDebInfo[x86_64] w: Detected multiple Kotlin daemon sessions at build/kotlin/sessions 521 actionable tasks: 521 executed FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:createBundleReleaseJsAndAssets'. by any chance you know any solution for this.
@AbhishekKumar-nz9dn
@AbhishekKumar-nz9dn 5 ай бұрын
Might be an issue with ur file path
@usmanmarkaz
@usmanmarkaz 6 ай бұрын
thanks for this osam project brother can you make a kind of Tracker app like UBER plz with expo or CLI
@ramaalfinbaehaqi7872
@ramaalfinbaehaqi7872 Ай бұрын
include notification feature?
@mahdeamar
@mahdeamar 6 ай бұрын
you doing great job thanks. there is some problems with VScode could you show us your extensions installations because VScode suggestion is not working with NativeWind
@RonanThomas
@RonanThomas 5 ай бұрын
I followed along up to the end of the Firebase Auth part 1:25.:50. However its not creating a "users" collection for me? Any guidance on this Nomi?
@paulinkladi1689
@paulinkladi1689 5 ай бұрын
this works for me thanks a lot. but i've a question . for example if we want to build and deploy a real application, this firebaseConfig can be sufficient ? or if we want to use the same firebase project for different app like web and mobile, should we separate the app by using expo-prebuild and config firebase inside android and ios folder ? i've recently got an error message in MainApplication.java or kts file
@muhammadrayanmansoor4301
@muhammadrayanmansoor4301 3 ай бұрын
Brother. What if we delete a user from the firebase console when its logged in a device. Will relaunching the app, automatically logout? The question arises because we persistent the user state in the local storage. Kindly shine light on this matter.
@Pan_Policjant
@Pan_Policjant 6 ай бұрын
what do i do The following packages should be updated for best compatibility with the installed expo version: react-native-reanimated@3.7.1 - expected version: ~3.6.2 Your project may not work correctly until you install the correct versions of the packages.
@codewithnomi
@codewithnomi 5 ай бұрын
Run "npm i react-native-reanimated@3.6.2" And restart the app.
@MuhammadFaizan-ws6cr
@MuhammadFaizan-ws6cr Ай бұрын
what is expo router? can we do with installing it?
@alysson6450
@alysson6450 5 ай бұрын
the chat, how do I so that when I create an account with one user I can add the other? because from what I see, any account I create lists all the users. I don't quite understand if there is a way for me to add a contact via email or phone number and have a conversation with the person I added
@alfaloverss3116
@alfaloverss3116 24 күн бұрын
i face issue when i setup native wind
@ninys
@ninys Ай бұрын
Does it logout when we reload the app or does the user stay logged in?
@harratabdelmalek2062
@harratabdelmalek2062 4 ай бұрын
Should both phones that have this app installed in them be connected to same network inorder for this to work ? Or any network & the distance dosen't matter ?
@codewithnomi
@codewithnomi 4 ай бұрын
network & distance doesn't matter
@pedrinhproductions1
@pedrinhproductions1 3 ай бұрын
Bro, my project stopped working as soon as i finished the segments, and the app is not redirecting to Home. How can i fix that? tks man
@lahirudilshan4722
@lahirudilshan4722 Ай бұрын
Hi nomi, I develop this and it's run perfectly. But I try build android apk using eas cli. I got error ':app:createbundlereleasejsandassets'. After try eject expo and build apk using android studio but didi not work '':app:compileDebugJavaWithJavac''. Can you tell me how to resolve this :( :(
@itksports
@itksports 3 ай бұрын
My tailwind css is not working please what should I do
@entertainmenttv8109
@entertainmenttv8109 4 ай бұрын
hi nomi, why dont you name first letter of component capital instead of changing it in code? any logic behind?
@codewithnomi
@codewithnomi 4 ай бұрын
There's no logic behind it, you can use the first letter capital 😉
@entertainmenttv8109
@entertainmenttv8109 4 ай бұрын
Thanks. How can I reach u for mentorship, because I am currently I am in a phase of learning. Or can u suggest any platform?? Specially for backend???
@MarektAtJJ
@MarektAtJJ Ай бұрын
ReactnativePersistance not available under firebase/auth
@zw1441
@zw1441 Ай бұрын
Try this solution but its only temporarily they said import * as firebaseAuth from 'firebase/auth'; const reactNativePersistence = (firebaseAuth as any).getReactNativePersistence; export const auth = initializeAuth(app, { persistence: reactNativePersistence(AsyncStorage), });
@jasim17
@jasim17 4 ай бұрын
can we do this in cli same ?
@user-xd2co7rp7x
@user-xd2co7rp7x 4 ай бұрын
please make an tutorial reanimated
@engulfinglightning6726
@engulfinglightning6726 Ай бұрын
how can i add a tab nav in this app?
@engulfinglightning6726
@engulfinglightning6726 Ай бұрын
oh nvm, i just find another of your videos and it explains expo router, thanks so much!
@jasim17
@jasim17 4 ай бұрын
why you are using expo not cli ?
@tabaicanking3701
@tabaicanking3701 4 ай бұрын
Why not?
@jasim17
@jasim17 4 ай бұрын
@@tabaicanking3701 coz i am working in cli that's why 🥲 hope you'll understand 😩
@REALITY-h5c
@REALITY-h5c 4 ай бұрын
what is the terminal you use
@usmanmbup
@usmanmbup 3 ай бұрын
the terminal, it macOS
I built a chat app in 7 minutes with React & Firebase
8:53
Fireship
Рет қаралды 1,4 МЛН
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 14 МЛН
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 51 МЛН
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН
Pool Bed Prank By My Grandpa 😂 #funny
00:47
SKITS
Рет қаралды 19 МЛН
7 Years of Software Engineering Advice in 18 Minutes
18:32
Top Trending GitHub Projects This Week: LMDeploy, LlamaCoder, and More!
27:33
ManuAGI - AutoGPT Tutorials
Рет қаралды 6 М.
React Native Login with JWT Auth Context
24:59
Simon Grimm
Рет қаралды 56 М.
Travel App UI in React Native with Expo Router | 2024 Beginners Tutorial
1:12:50
Realtime Chat App in React Native and AWS (Backend) 🔴
3:29:01
notJust․dev
Рет қаралды 133 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 567 М.
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 14 МЛН