- 26
- 21 817
Omatsola Dev
Приєднався 14 бер 2014
Hi - I'm Omash, a software developer
This channel helps software developers become better at what they do
This channel helps software developers become better at what they do
Google Sign in EXPLAINED | React Native Tutorial | Expo | React [LATEST]
This video will solve all your errors on implementing sign in with Google in React Native and Expo app
#reactjs #javascript #typescript #nextjs #reactnative #expo #programming #mobileapp #mobileappdevelopment
connect with me on
LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/
Twitter: x.com/omatsoladev
github: github.com/omatsola619
#reactjs #javascript #typescript #nextjs #reactnative #expo #programming #mobileapp #mobileappdevelopment
connect with me on
LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/
Twitter: x.com/omatsoladev
github: github.com/omatsola619
Переглядів: 1 937
Відео
Latest React & Typescript Tutorial #10 - Build a Full React App
Переглядів 154Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #9 - Forms and User Input
Переглядів 40Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #8 - List and Keys
Переглядів 27Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #7 - Handling Events
Переглядів 52Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #6 - State Management | UseState
Переглядів 36Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #5 - Understanding Components & Props
Переглядів 45Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #4 - Understanding JSX and Typescript Syntax
Переглядів 98Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #3 - Creating a React Application
Переглядів 91Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #2 - What is React & Typescript
Переглядів 77Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React and Typescript. We will cover topics on what React is, how to use React with Typescript, setting up your environment, components, jsx, props, state, event handling and lots more. #reactjs #javascript #typescript #nextjs connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatso...
Latest React & Typescript Tutorial #1 - Introduction
Переглядів 112Місяць тому
Hey devs, in this full React tutorial series, I'll take you from novice to pro in React. we will cover what React is and how to use React with typescript is, setting up your environment, components, jsx, props, state, events handling and lots more. connect with me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo/ Twitter: x.com/omatsoladev github: github.com/omatsola619
How to Use svg images in React Native Expo | React Native Tutorial
Переглядів 3692 місяці тому
in this video we will learn how to use SVG images in our react native Expo app to get clearer images in our app. Reach me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo Find me on GitHub: github.com/omatsola619 #reactnative #app #coding #expo #android #api #codingtips #reactjs #ios #swiftui #reactnativetutorial
Open Web page from React Native Expo app | React Native Tutorial | link
Переглядів 1612 місяці тому
In this video we would learn how to open a URL browser link from react native Expo app in very simple way. Please like and subscribe. #mobileappdevelopment #app #expo #reactnative #coding #reactadvanced #swiftui #ios #android Follow me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo
Simple Video Call Feature React Native Tutorial | Video Call Api | ZEGOCLOUD
Переглядів 5042 місяці тому
·Get 10000 free mins with UIKits: bit.ly/3yZLp23 · Learn more about ZEGOCLOUD: bit.ly/3Z35eQI · How to build React Native video call App: bit.ly/4ggBFl0 ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. #zegocloud #videocall #reactnative #sdk #api
How to use tailwindcss in react native expo | React Native latest tutorial | TailwindCSS |Nativewind
Переглядів 7182 місяці тому
Hey hey everybody in this video we are going to learn how to use the wind in our react native expo app. Reach out to me on LinkedIn: www.linkedin.com/in/omatsola-eyeoyibo Stay blessed #ReactNative #TailwindCSS #Expo #Nativewind #MobileDevelopment #UI #Styling #ReactNativeTutorial #TailwindWithExpo #CodeMagic #LearnToCode #CodingTips #FrontendMagic #AppDesign #ModernUI #ReactStyling #TailwindInt...
Tiktok Video Feed | React Native Expo Tutorial BONUS[ Double Tap to like video FEATURE]
Переглядів 2172 місяці тому
Tiktok Video Feed | React Native Expo Tutorial BONUS[ Double Tap to like video FEATURE]
Sign in with Apple | Expo | React Native Tutorial
Переглядів 6533 місяці тому
Sign in with Apple | Expo | React Native Tutorial
Sign in with Google ( ONE TAP ) for PRODUCTION | React Native Expo | Tutorial
Переглядів 2,3 тис.3 місяці тому
Sign in with Google ( ONE TAP ) for PRODUCTION | React Native Expo | Tutorial
React Native Expo Social Share Tutorial [Latest]
Переглядів 5614 місяці тому
React Native Expo Social Share Tutorial [Latest]
Get User's Current Location, Geocode in Expo and React Native App
Переглядів 1,2 тис.4 місяці тому
Get User's Current Location, Geocode in Expo and React Native App
React Native Expo Local Authentication | Face Id | Touch ID | Pass code 2024
Переглядів 1,8 тис.4 місяці тому
React Native Expo Local Authentication | Face Id | Touch ID | Pass code 2024
[FIXED] SafeAreaView Error Resolved REACT NATIVE/EXPO
Переглядів 3184 місяці тому
[FIXED] SafeAreaView Error Resolved REACT NATIVE/EXPO
Sign In with Google | React Native Expo | Tutorial 2024
Переглядів 9 тис.4 місяці тому
Sign In with Google | React Native Expo | Tutorial 2024
Hi Omotayo, please since this does not work on expo go, what do we do to implement this please ??
@@mosesegboh it's funny how I did everything in the video including the question your are asking, but yet you are still asking this question
@@mosesegboh make sure you watch the full video
Doesn't work, thanks
@@ginbarato1178 What's your error works for everybody, so there's something you're doing wrong thanks
@@omatsoladev Error 400 URI Mismatch
@ginbarato1178 error from your Google console setup. Watch video again
when am trying using expo go app it says "access block:autorization error"
@@EyobMekonnen-o6i you're funny Didn't you see in the video that it doesn't work on expo go app?
@@EyobMekonnen-o6i try to watch the full video so you won't get any error
It won't work with typescript and i dont know why
@@waleefalrooh8 what's the error message
@@omatsoladev thankfully i was able to do it - it turns out i needed to create a extra file for TS projects called declaration.d.ts
@Omatsola Dev
Hello Babycheeks
@@omatsoladev hey, can you provide github link or code source of this tutorial!
@@omatsoladev hey, can you provide github link or code source of this tutorial!
@@omatsoladev hey, can you provide github link or code source!
hey, can you provide github link or code source!
Hi , how can i add a message with img share to the dialog? im trying options, it supose to be {} as parameter with uri
I'm looking for the firestore stuff
It didn’t work. Please how can I DM you so that I could relate my issue properly. !!!!!
What did not work? Can you say what issue you are facing? It is working for everybody.
When I click on the selected google account on the device while attempting to sign in with google I keep getting this blank screen. It doesn’t navigate to my HomeScreen
@@akporhiegbeking2028 so how did it not work? It's working. His video does not show how to build an app. Once you get the user details from Google, the rest is left to you.
npx expo run:android works perfect for me but after doing a production build using eas build -p android -profile production and downloading the apk in my actual android device when i click the button it does same exact thing but nothing happens after that not even any error shows up.
did you fix it in preview is not working
Thank you
Good job bro!
thanks you so much bro <3
It works perfect for ios (with warning the app is not verified) however for android i kept getting this error: [Error: DEVELOPER_ERROR]
Solved that here ua-cam.com/video/u9I54N80oBo/v-deo.html Watch this from beginning to end, don't skip any part
@ thank you
Even the previous video works for me thanks. However when i generate APK build, it doesn't work i have the Google permissions too. I think it's because localhost:8081 is set but I'm trying to use my phone. Also i noticed you didn't set the Android public key? Any reason for this?
Hey bro, thank you for the tutorial. Everything seems to be working except when I get to the "Google hasn't verified this app" modal, clicking "Continue" or "Back to safety" doesn't do anything. What do you think I can do to fix that? Basically I am stuck with that
Chat me on LinkedIn and share me a screen shot
Nevermind, I have resolved this issue by running another simulator. Cheerio brother
great
What if user has an android and wants to login with apple?
@@makod8322 oh thats not possible
plz make one with React Native CLI with signin with linkdhen google and github
Alright, Coming soon cheers. Please subscribe 🙏
I have a question regarding error 17:30. I'm using a physical Android device, and when I run the prebuild clean and then npx expo start again to scan and check the app, I still encounter the error.
I cloned Your project i try a following step but during npx expo run:android this error happen pls help me help me BUILD FAILED in 2s Error: C:\Users\haris\omatsola619-mytutorial-signin-with-google\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a,armeabi-v7a exited with non-zero code: 1 Error: C:\Users\haris\omatsola619-mytutorial-signin-with-google\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a,armeabi-v7a exited with non-zero code: 1 at ChildProcess.completionListener (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\@expo\spawn-async\build\spawnAsync.js:42:23) at Object.onceWrapper (node:events:634:26) at ChildProcess.emit (node:events:519:28) at cp.emit (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1105:16) at ChildProcess._handle.onexit (node:internal/child_process:305:5) ... at spawnAsync (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\@expo\spawn-async\build\spawnAsync.js:7:23) at spawnGradleAsync (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:96:48) at assembleAsync (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:74:18) at runAndroidAsync (C:\Users\haris\omatsola619-mytutorial-signin-with-google ode_modules\@expo\cli\build\src un\android unAndroidAsync.js:45:37)
I use the Windows operating system, can I still use the IOS virtual machine?
thank you for this
You're welcome
How do you open the ipa on your iPhone?
What is ipa
I'm developing on Windows and had to use the cloud build option.
excellent thanks
This is a great but a bit hard to follow along. Do you have the code on GitHub?
Hi, do you know how to request Gmail API permissions from the user?
Let's try this time 😊
Thank you
You are genius bro ❤
Thank you very much man
Please bring a video that you taught us about end to end implementation of Google sign in and Facebook full stack react native expo with express and Mongoose❤
Full stack react native project? On it.
@@omatsoladev yes plz using expo because I am stuck at google sign in authentication part in my mern project I am beginner BTW thanks for replying me ♥️♥️
@@omatsoladev the little demo of this process with custom backend because I didn't find any video or other resources online 😞😕
Are you using expo go?
Yes, but I had to do a production build to make it work
why dont people build --local
mobile app guy
Yeahhhh 😁
You are doing well. To call your attention on something. In latest React types and TS version 5.1 upward is stylists choice otherwise discouraged.
Why use 'interface' to define pros type Instead of 'type'?
@@lamodotslamo2584 I prefer to use interface, You can choose which one you want to use.
doesnt work on android. gives error: 400 invalid request. tried both the builds "development-simulator": { "developmentClient": true, "distribution": "internal", "android": { "buildType": "apk" } }, "development-simulator-no-expo": { "developmentClient": false, "distribution": "internal", "android": { "buildType": "apk" } },
Great Job
paste the eas configuration for android too please
please continue this series, it helps
Yes I will, Dropping new videos tomorrow. Thank you very much
Thanks for this, very helpful, concise and updated 🎉
Wow thanksssssss
TSX! let's go. Omat, and your partner - keep it up. Let's compact these videos, at the end yeah? Into a full tutorial - while you're dev'ing these, lets hope comments can steer or offer ideas for the complete project !
Thanks for this
thank u bro, now i can finish my app
I'm glad you loved the video. Please subscribe
@@omatsoladev no problem
i thought Google Sign In was deprecated?
same with facebook please
Perfect timing for me!!! Thanks alot
@@julie550134 you're welcome
Please, can you share the link to the source code?
@@bensonisonline chat me on LinkedIn
Wowow, Exellent! Very Thanks!
@@mayragutierrez5701 happy you loved it. You're welcome
How can I use that and firebase like for example Email and password from sign in ?