i did everything like you but in 22:47 const inAuthGroup = segments[0] === '(auth)'; doesn't work This comparison appears to be unintentional because the types '"" | "_sitemap" | "auth"' and '"(auth)"' have no overlap.ts(2367)
If you check sengments[0] === " " suggestions you will may see something like "(auth)home" which I had. From docs: Some Expo libraries provide both static types and type generation capabilities. These types are automatically generated when the project builds or by running the npx expo customize tsconfig.json command. So useSegment hook returned broken routes types. So you need to rebuild app or run command above. Also put your auth folder in () if not already.
Great video. Please create a video on react native expo Testing, how to write tests ? What are the best practices when writing tests and more important which parts to test (no idea on what to test? APIs?). The native actions will always work for example a button press always works (should I write test on it ?). Please explain the Testing ❤🙏
@@hiladahan3426 Yes! I had problems with my development environment (mainly Java JDK configuration), but after solving it, all that's left is to follow the video
(Contains Redirection Solution!) the authenticator listening won't work accordingly when we reload or reopen the app if there is a user the login screen flashes and then we move to home page now, After exploring multiple approaches, I've found the solution. In Simon's implementation, two useEffect hooks are being used-one to check the authentication state and another for redirection. The issue arises because the initialization is set to true in the auth check useEffect, causing the login screen to briefly appear. As a result, both useEffect hooks are being triggered, leading to the flashing of the login screen. The fix is to combine both useEffect hooks into one, which will handle everything at once and prevent this issue. This solution works 100% with the current Firebase version. If you encounter any problems, feel free to reach out!
Is there options to take a look on your version? Because when I try to combine the useEffect's i get stuck on splash screen. Will really appriciate it)
Hello, I am getting the following error.... Native module RNFBAppModule not found. Re-check module install, linking, configuration, build and install steps.
I got the same error when trying to run the app on my device. I could solve this issue running `npm run expo run:ios --device` then selecting my device. The build process had to run again
Would require some more pages to verify the code and read it from the URL I guess, also might need universal links and stuff - so it's getting a lot more complicated!
What versions of java are you using i cant for the life of me get it to build the most recent version of sdk 52' expo app just keeps failing on * What went wrong: Error resolving plugin [id: 'com.facebook.react.settings'] > org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK But i have all my paths setup and its able to hit the java compilier
Great video :) I'm still having trouble getting the JWT token (it currently comes back as a dict with 0 and null for values) so I can authenticate against backend API endpoint. Any advice on how to proceed? Still, I'm pleased to get this far!
I really liked your video it gave exactly what i needed aa a base and now I can add whatever i want. I wonder if you hace a video like this for using the database too?
Error resolving plugin [id: 'com.facebook.react.settings'] > org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK I have get en error like this someone can help me ?
Every time i do prebuild, i just get this error message, Simon Any idea what it say, I would love if i get comment here npm WARN using --force Recommended protections disabled. env: load .env.development env: export EXPO_PUBLIC_AES_SECRET_KEY EXPO_PUBLIC_ORIGIN EXPO_PUBLIC_API_URL EXPO_PUBLIC_GOOGLE_API_KEY ✔ Created native directories › Using current versions instead of recommended react-native@0.74.5. ✔ Updated package.json ✖ Prebuild failed Error: [android.dangerous]: withAndroidDangerousBaseMod: Could not find MIME for Buffer Error: [android.dangerous]: withAndroidDangerousBaseMod: Could not find MIME for Buffer at Jimp.parseBitmap (/Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:125518) at Jimp.parseBitmap (/Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:8514) at /Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:7613 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:3)
how i solve my problem first i read it with my mind and i will look on how to solve it first thing to do here is to create another project with the latest sdk then make all the package you use up today then try the tutorial once again i hope you understand
Great video, can you make a video doing the same think without fire base? Use mongodb and nestjs / express (and please please please use Apple and Google SignIN I am trying to make this to work for a weeks)
That's out of the scope of react native. Look up passport js and passport jwt. Also mongodb is not a good solution, postgresql and other nosql like couchdb are better choices.
hey first of all ... I love your videos those are so helpful thank you so much. ... maybe i have an video / content idea for you too ... I am really interested in learning how I can implement an access to like to reminder app from apple or other companies and then use those data in my own. so for example create an analyze application of the checked todos which I checked as done in reminder app
Thanks , great video ! C Can you make a video of different users have their own different datas ( username , userimage, their posts ) like Facebook , please ?
awesome video as always, thanks :) i was wondering why am i getting this error message whenever im trying to make use of Firebase code in layout Error: Native module RNFBAppModule not found. Re-check module install, linking, configuration, build and install steps., js engine: hermes [Component Stack] is anybody else also getting this error message as well?
@@ТарасГуледза yeah, somewhat, i had to run a different command in cli to get rid of this error i was getting error while using --start but went away with "--run" command, perhaps try that and see if that solves your error as well, happy coding :) btw, if you happened to find why that is happening with "-start" command do share your findings here as well, thanks :)
Very cool tutorial, Im getting issues though when I'm trying - ./gradlew signingReport In the android directory and been trying to debug for a while. the error is below * What went wrong: Error resolving plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0']
Hi there, I'm getting an issue where the command ./gradlew signingReport isn't working, and returns this error: A problem occurred configuring project ':expo'. > Could not get unknown property 'release' for SoftwareComponent container of type org.gradle.api.internal.component.DefaultSoftwareComponentContainer. does anybody know a fix for this? Any help would be greatly appreciated thank you in advance!
before calling ./gradlew signingReport make sure you are under directory android like c/user/..../project/android then call it if above doesn't work then there is an issue with android environement setup
I reckon the later might be true.. I'm definitely in the android folder when I type the command, and every method I've tried to fix it seems to point to some incompatible dependency or smt, no clue what's going on. I've also deleted and remade it a few times and the error still persists!
@@pixelmochiid3985 You need to install Java Jdk and after that clean your gradlew and build it(it will take a while) and only after that you can write gradlew signing report
Did you fix this? Ive been getting this error at the same point Error resolving plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0'] Somewhere online I saw to switch to gradle 8.3 and then I got the same error as you (im using 8.8)
Error resolving plugin [id: 'com.facebook.react.settings'] > org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK I have get en error like this someone can help me ?
Can you make a video of advance and best practices in expo react native please 🙏
Struggled a while for trying to implement that! But enjoyed a lot, thank you Simon!
Great video as always Simon! Always such a good amount of valuable content and great mustache in each video! Thanks a lot
i did everything like you but in 22:47
const inAuthGroup = segments[0] === '(auth)';
doesn't work
This comparison appears to be unintentional because the types '"" | "_sitemap" | "auth"' and '"(auth)"' have no overlap.ts(2367)
If you check sengments[0] === " " suggestions you will may see something like "(auth)home" which I had.
From docs:
Some Expo libraries provide both static types and type generation capabilities. These types are automatically generated when the project builds or by running the npx expo customize tsconfig.json command.
So useSegment hook returned broken routes types. So you need to rebuild app or run command above.
Also put your auth folder in () if not already.
Could you do React Native Firebase expo how to add upload and stream images videos from cloud storage?
Simon is my savior for mobile app development. Thanks Simon :D
Always by your side!
Great video. Please create a video on react native expo Testing, how to write tests ? What are the best practices when writing tests and more important which parts to test (no idea on what to test? APIs?). The native actions will always work for example a button press always works (should I write test on it ?). Please explain the Testing ❤🙏
Very good tutorial! I had a lot of problems compiling the app on android, but after many errors I was finally able to follow your tutorial :D
Happy I could help!
You say it's possible then? I want to follow this video but don't want to waste time on something that doesn't work
@@hiladahan3426 Yes! I had problems with my development environment (mainly Java JDK configuration), but after solving it, all that's left is to follow the video
@@nekokami_ I had to downgrade to JDK 17 to get android to build
thanks man, really helps me understand right router implementation !!
Glad it helped!
(Contains Redirection Solution!)
the authenticator listening won't work accordingly when we reload or reopen the app
if there is a user the login screen flashes and then we move to home page
now,
After exploring multiple approaches, I've found the solution.
In Simon's implementation, two useEffect hooks are being used-one to check the authentication state and another for redirection. The issue arises because the initialization is set to true in the auth check useEffect, causing the login screen to briefly appear. As a result, both useEffect hooks are being triggered, leading to the flashing of the login screen.
The fix is to combine both useEffect hooks into one, which will handle everything at once and prevent this issue.
This solution works 100% with the current Firebase version. If you encounter any problems, feel free to reach out!
Is there options to take a look on your version? Because when I try to combine the useEffect's i get stuck on splash screen. Will really appriciate it)
Hello, I am getting the following error.... Native module RNFBAppModule not found. Re-check module install, linking, configuration, build and install steps.
I got the same error when trying to run the app on my device. I could solve this issue running `npm run expo run:ios --device` then selecting my device. The build process had to run again
@dominikamrugiewicz474 tried everything I think it has to donwoth expo 52.
8:50 the error is solved now so you don't need to go all of those steps. [6 October 2024]
Okay its so simple with email and password, but with google auth now ?
How would you add email verification with code for this?
Would require some more pages to verify the code and read it from the URL I guess, also might need universal links and stuff - so it's getting a lot more complicated!
Welcome back, Back 👍🏼
Hey, thanks!
really needed this Thank you!
is this only for devlopment purposes or is this solution ready for deployment?
What versions of java are you using i cant for the life of me get it to build the most recent version of sdk 52' expo app just keeps failing on
* What went wrong:
Error resolving plugin [id: 'com.facebook.react.settings']
> org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK
But i have all my paths setup and its able to hit the java compilier
My project doesn't have the android folder. How do I bring it up there?
the android folder is generated by running npx expo prebuild.
If you run npx expo run:android, the android folder is generated automatically.
Please make a video for google sign in Expo Firebase
Great video :) I'm still having trouble getting the JWT token (it currently comes back as a dict with 0 and null for values) so I can authenticate against backend API endpoint. Any advice on how to proceed?
Still, I'm pleased to get this far!
Is it a good practice to have the google-services files in the source code? Can we push them to a repo without issues?
from what I've seen, it contains private information so it's best to put it in the .gitignore
Thanks for the video but react native sdk52 is a complete dumpster fire at the minute even the straight install doesnt work atm....
Man... THANKS. I always had such a struggle for some reason correctly navigating based on the proper auth state
Happy to help!
hi does anybody encountered internal error with phone sign in?
Thx what I needed
It seems like they are now adding the REVERSED_CLIENT_ID
Please do a build flavor (dev, prod) with firebase config
I really liked your video it gave exactly what i needed aa a base and now I can add whatever i want.
I wonder if you hace a video like this for using the database too?
I've got a full course on Firebase here: galaxies.dev/course/react-native-firebase
so how can we compile it to apk ?
4:00 where did this come from? A very bad explanation.
Error resolving plugin [id: 'com.facebook.react.settings']
> org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK
I have get en error like this someone can help me ?
same problem fatching also
I think you need to download Java JDK (not JRE) and then update the environment variables
@@nekokami_ Thank you for answering. I am gonna try. If it works i will comment here.
What vscode theme you use?
Every time i do prebuild, i just get this error message, Simon Any idea what it say, I would love if i get comment here
npm WARN using --force Recommended protections disabled.
env: load .env.development
env: export EXPO_PUBLIC_AES_SECRET_KEY EXPO_PUBLIC_ORIGIN EXPO_PUBLIC_API_URL EXPO_PUBLIC_GOOGLE_API_KEY
✔ Created native directories
› Using current versions instead of recommended react-native@0.74.5.
✔ Updated package.json
✖ Prebuild failed
Error: [android.dangerous]: withAndroidDangerousBaseMod: Could not find MIME for Buffer
Error: [android.dangerous]: withAndroidDangerousBaseMod: Could not find MIME for Buffer
at Jimp.parseBitmap (/Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:125518)
at Jimp.parseBitmap (/Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:8514)
at /Users/hamzahussain/Projects/codeman/node_modules/jimp-compact/dist/jimp.js:1:7613
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:3)
how i solve my problem first i read it with my mind and i will look on how to solve it first thing to do here is to create another project with the latest sdk then make all the package you use up today then try the tutorial once again i hope you understand
Great video, can you make a video doing the same think without fire base? Use mongodb and nestjs / express (and please please please use Apple and Google SignIN I am trying to make this to work for a weeks)
That's out of the scope of react native. Look up passport js and passport jwt. Also mongodb is not a good solution, postgresql and other nosql like couchdb are better choices.
hey first of all ... I love your videos those are so helpful thank you so much. ... maybe i have an video / content idea for you too ... I am really interested in learning how I can implement an access to like to reminder app from apple or other companies and then use those data in my own. so for example create an analyze application of the checked todos which I checked as done in reminder app
Thanks , great video ! C
Can you make a video of different users have their own different datas ( username , userimage, their posts ) like Facebook , please ?
Hello Simon,
How can do in android this: ./gradlew signingReport ? because i have error
You could make a prebuild of your app and then run it in the generated android folder.
What vscode extension you are using
ikr his copilot is amazing 😂
It's called codeium
I think this is the one he's using but even if it's not, it's still very helpful
Sir this is classical login please video on continue with google
Just for IOS why not Android?
The mine is building with npx expo prebuild only for android not IOS.
Hi Simon, is there a way I can get across to you maybe via mail or something?
Unfortunately, it doesn't work on Android
😢
awesome video as always, thanks :)
i was wondering why am i getting this error message whenever im trying to make use of Firebase code in layout
Error: Native module RNFBAppModule not found. Re-check module install, linking, configuration, build and install steps., js engine: hermes [Component Stack]
is anybody else also getting this error message as well?
the same error :(
you fixed it?
@@ТарасГуледза yeah, somewhat, i had to run a different command in cli to get rid of this error
i was getting error while using --start but went away with "--run" command, perhaps try that and see if that solves your error as well, happy coding :)
btw, if you happened to find why that is happening with "-start" command do share your findings here as well, thanks :)
Hello any one is good in react native i need some help
Really complicated process...
can you share your github repo for reference
The tutorial is linked in the description!
i hate expo.
Very cool tutorial, Im getting issues though when I'm trying - ./gradlew signingReport
In the android directory and been trying to debug for a while. the error is below
* What went wrong:
Error resolving plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0']
Hi there, I'm getting an issue where the command ./gradlew signingReport isn't working, and returns this error:
A problem occurred configuring project ':expo'.
> Could not get unknown property 'release' for SoftwareComponent container of type org.gradle.api.internal.component.DefaultSoftwareComponentContainer.
does anybody know a fix for this? Any help would be greatly appreciated thank you in advance!
before calling ./gradlew signingReport
make sure you are under directory android
like c/user/..../project/android then call it
if above doesn't work then there is an issue with android environement setup
I reckon the later might be true.. I'm definitely in the android folder when I type the command, and every method I've tried to fix it seems to point to some incompatible dependency or smt, no clue what's going on.
I've also deleted and remade it a few times and the error still persists!
@@pixelmochiid3985 You need to install Java Jdk and after that clean your gradlew and build it(it will take a while) and only after that you can write gradlew signing report
Did you fix this? Ive been getting this error at the same point
Error resolving plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0']
Somewhere online I saw to switch to gradle 8.3 and then I got the same error as you (im using 8.8)
Error resolving plugin [id: 'com.facebook.react.settings']
> org.gradle.api.internal.catalog.GeneratedClassCompilationException: No Java compiler found, please ensure you are running Gradle with a JDK
I have get en error like this someone can help me ?