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 ❤❤
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.
Hello Nomi, this is another great video. Cheers. however, I have the following concern as a debutant regarding authentication: I noticed that in your "Full Stack Social Media App" series, you used one approach in handling authentication. Are both approach different ? If they are different which of them is the best approach ? Thanks again big time !
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.
Make sure to update nativewind, tailwind and expo SDK in package.json and run 'npm i' if u using npm incase tailwind css doesn't work for some react-native components.
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
Is it work on native app after building as we are not adding google servives.json etc files as documentation to native folfers. I m stuck with some error so please help
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.
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 :( :(
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
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
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.
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
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.
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 ?
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), });
You are the best react native developer i found in youtube. Thanks for all amazing videos 🎉
This might be the most precise tutorial i have watched yet.. Great job!
This tutorial is very useful to understand the concept of chat app functionallity. Thank You Very Much.
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 ❤❤
Glad to help, will try creating cli tutorials 😉
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.
Great tutorial. How easy would it be to add a notification (on-screen or sound) each time a new message is received? Thank you.
This is the most interesting tutorial for react native. Congratulation and thank you so much !
This is neat, please clone more apps, I love the work you do
Nativewind allows you to use "vh" and "vw", so no need for the extra library
Hello Nomi, this is another great video. Cheers.
however, I have the following concern as a debutant regarding authentication: I noticed that in your "Full Stack Social Media App" series, you used one approach in handling authentication. Are both approach different ? If they are different which of them is the best approach ?
Thanks again big time !
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.
You can find the assets link in the video description 😉
@codewithnomi I will love to discuss something important with you, if you don't mind.
The best react native tutorial!
Thank you very much Nomi. You are the boss
Hi Nomi , how can one add a group chat feature to this app ?
Wonderful Video , I have been watching a lot of your videos
nice video. which library are You using for responsiblity for tablets?
Make sure to update nativewind, tailwind and expo SDK in package.json and run 'npm i' if u using npm incase tailwind css doesn't work for some react-native components.
Your UI is very beautiful
Hi can I know why you using both nativewind and stylesheet here? For example your using padding using paddingTop instead of p-8
You always upload the best ReactNative tutorials very clean code no typescript and no over engineering.
Thank you 👍
thanks my friend, you help m a lot
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
If you know tell me also
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?
Is it work on native app after building as we are not adding google servives.json etc files as documentation to native folfers.
I m stuck with some error so please help
ReadableNativeArray cannot be cast to java.lang.Double error in app/_layout.js file. can you tell me how to resolve this?
in android the CustomKeyboardLayout 2:19:00 is working properly so there is no need to give the conditions
😊
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.
"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! 🙌"
Is there a way to do it for group chat?
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 :( :(
do you have a video that uses firebase with firestore?
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
Fantastic Nomi
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
Thank you sir, This was huge for me
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
nice video i must say, can you add video and audio call functionality
thanks for this osam project brother can you make a kind of Tracker app like UBER plz with expo or CLI
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.
Might be an issue with ur file path
bless you
in my expo app its show
something went wrong
what should I do?? please help anyone
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
Nice work
Does it logout when we reload the app or does the user stay logged in?
great one
thank you
My tailwind css is not working please what should I do
what is expo router? can we do with installing it?
include notification feature?
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.
Run "npm i react-native-reanimated@3.6.2"
And restart the app.
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 ?
network & distance doesn't matter
isnt this really insecure? as soon as I get another users id, I could use a proxy to change the request payload
hi nomi, why dont you name first letter of component capital instead of changing it in code? any logic behind?
There's no logic behind it, you can use the first letter capital 😉
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???
does anyone know how to build this app with api key ?
Great !
can we do this in cli same ?
ReactnativePersistance not available under firebase/auth
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),
});
i face issue when i setup native wind
how can i add a tab nav in this app?
oh nvm, i just find another of your videos and it explains expo router, thanks so much!
what is the terminal you use
the terminal, it macOS
please make an tutorial reanimated
why you are using expo not cli ?
Why not?
@@tabaicanking3701 coz i am working in cli that's why 🥲 hope you'll understand 😩