Omatsola Dev
Omatsola Dev
  • 26
  • 21 817
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
Переглядів: 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
React Native IDE 🔥
Переглядів 4554 місяці тому
React Native IDE 🔥
[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

КОМЕНТАРІ

  • @mosesegboh
    @mosesegboh 5 годин тому

    Hi Omotayo, please since this does not work on expo go, what do we do to implement this please ??

    • @omatsoladev
      @omatsoladev 3 години тому

      @@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

    • @omatsoladev
      @omatsoladev 3 години тому

      @@mosesegboh make sure you watch the full video

  • @ginbarato1178
    @ginbarato1178 2 дні тому

    Doesn't work, thanks

    • @omatsoladev
      @omatsoladev 2 дні тому

      @@ginbarato1178 What's your error works for everybody, so there's something you're doing wrong thanks

    • @ginbarato1178
      @ginbarato1178 2 дні тому

      @@omatsoladev Error 400 URI Mismatch

    • @omatsoladev
      @omatsoladev 2 дні тому

      @ginbarato1178 error from your Google console setup. Watch video again

  • @EyobMekonnen-o6i
    @EyobMekonnen-o6i 5 днів тому

    when am trying using expo go app it says "access block:autorization error"

    • @omatsoladev
      @omatsoladev 5 днів тому

      @@EyobMekonnen-o6i you're funny Didn't you see in the video that it doesn't work on expo go app?

    • @omatsoladev
      @omatsoladev 5 днів тому

      @@EyobMekonnen-o6i try to watch the full video so you won't get any error

  • @waleefalrooh8
    @waleefalrooh8 6 днів тому

    It won't work with typescript and i dont know why

    • @omatsoladev
      @omatsoladev 6 днів тому

      @@waleefalrooh8 what's the error message

    • @waleefalrooh8
      @waleefalrooh8 5 днів тому

      ​​​@@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

  • @Babycheeks-xd9mb
    @Babycheeks-xd9mb 7 днів тому

    @Omatsola Dev

    • @omatsoladev
      @omatsoladev 7 днів тому

      Hello Babycheeks

    • @Babycheeks-xd9mb
      @Babycheeks-xd9mb 6 днів тому

      @@omatsoladev hey, can you provide github link or code source of this tutorial!

    • @Babycheeks-xd9mb
      @Babycheeks-xd9mb 6 днів тому

      @@omatsoladev hey, can you provide github link or code source of this tutorial!

    • @Babycheeks-xd9mb
      @Babycheeks-xd9mb 6 днів тому

      @@omatsoladev hey, can you provide github link or code source!

  • @Babycheeks-xd9mb
    @Babycheeks-xd9mb 7 днів тому

    hey, can you provide github link or code source!

  • @Isa69666
    @Isa69666 9 днів тому

    Hi , how can i add a message with img share to the dialog? im trying options, it supose to be {} as parameter with uri

  • @peek.ayedits
    @peek.ayedits 11 днів тому

    I'm looking for the firestore stuff

  • @akporhiegbeking2028
    @akporhiegbeking2028 17 днів тому

    It didn’t work. Please how can I DM you so that I could relate my issue properly. !!!!!

    • @omatsoladev
      @omatsoladev 17 днів тому

      What did not work? Can you say what issue you are facing? It is working for everybody.

    • @akporhiegbeking2028
      @akporhiegbeking2028 День тому

      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

    • @omatsoladev
      @omatsoladev День тому

      @@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.

  • @pealhasan
    @pealhasan 18 днів тому

    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.

    • @zybryx2930
      @zybryx2930 15 днів тому

      did you fix it in preview is not working

  • @aymanhaque
    @aymanhaque 18 днів тому

    Thank you

  • @traveltourwithalbertceo1003
    @traveltourwithalbertceo1003 18 днів тому

    Good job bro!

  • @federicovalle6871
    @federicovalle6871 18 днів тому

    thanks you so much bro <3

  • @pealhasan
    @pealhasan 19 днів тому

    It works perfect for ios (with warning the app is not verified) however for android i kept getting this error: [Error: DEVELOPER_ERROR]

    • @omatsoladev
      @omatsoladev 19 днів тому

      Solved that here ua-cam.com/video/u9I54N80oBo/v-deo.html Watch this from beginning to end, don't skip any part

    • @pealhasan
      @pealhasan 18 днів тому

      @ thank you

  • @codebymoonlight
    @codebymoonlight 19 днів тому

    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?

  • @ParadoxWorks
    @ParadoxWorks 19 днів тому

    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

    • @omatsoladev
      @omatsoladev 19 днів тому

      Chat me on LinkedIn and share me a screen shot

    • @ParadoxWorks
      @ParadoxWorks 19 днів тому

      Nevermind, I have resolved this issue by running another simulator. Cheerio brother

  •  20 днів тому

    great

  • @makod8322
    @makod8322 20 днів тому

    What if user has an android and wants to login with apple?

    • @omatsoladev
      @omatsoladev 20 днів тому

      @@makod8322 oh thats not possible

  • @usmanmarkaz
    @usmanmarkaz 21 день тому

    plz make one with React Native CLI with signin with linkdhen google and github

    • @omatsoladev
      @omatsoladev 21 день тому

      Alright, Coming soon cheers. Please subscribe 🙏

  • @juliusnowelsantiago265
    @juliusnowelsantiago265 21 день тому

    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.

  • @harish-fc7qm
    @harish-fc7qm 26 днів тому

    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)

  • @danhnhanchi6501
    @danhnhanchi6501 27 днів тому

    I use the Windows operating system, can I still use the IOS virtual machine?

  • @smartbeeinc
    @smartbeeinc Місяць тому

    thank you for this

  • @BradEllis-q4t
    @BradEllis-q4t Місяць тому

    How do you open the ipa on your iPhone?

    • @omatsoladev
      @omatsoladev Місяць тому

      What is ipa

    • @BradEllis-q4t
      @BradEllis-q4t Місяць тому

      I'm developing on Windows and had to use the cloud build option.

  • @TestmailTestmail-u4y
    @TestmailTestmail-u4y Місяць тому

    excellent thanks

  • @FrankRamosYT
    @FrankRamosYT Місяць тому

    This is a great but a bit hard to follow along. Do you have the code on GitHub?

  • @Felipe-vx3ig
    @Felipe-vx3ig Місяць тому

    Hi, do you know how to request Gmail API permissions from the user?

  • @hamayoonkhan1740
    @hamayoonkhan1740 Місяць тому

    Let's try this time 😊

  • @hamayoonkhan1740
    @hamayoonkhan1740 Місяць тому

    Thank you

  • @hamayoonkhan1740
    @hamayoonkhan1740 Місяць тому

    You are genius bro ❤

  • @hamayoonkhan1740
    @hamayoonkhan1740 Місяць тому

    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❤

    • @omatsoladev
      @omatsoladev Місяць тому

      Full stack react native project? On it.

    • @hamayoonkhan1740
      @hamayoonkhan1740 Місяць тому

      @@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 ♥️♥️

    • @hamayoonkhan1740
      @hamayoonkhan1740 Місяць тому

      @@omatsoladev the little demo of this process with custom backend because I didn't find any video or other resources online 😞😕

  • @hamayoonkhan1740
    @hamayoonkhan1740 Місяць тому

    Are you using expo go?

    • @omatsoladev
      @omatsoladev Місяць тому

      Yes, but I had to do a production build to make it work

  • @Peter-sc1ru
    @Peter-sc1ru Місяць тому

    why dont people build --local

  • @aimahusnain25
    @aimahusnain25 Місяць тому

    mobile app guy

  • @lamodotslamo2584
    @lamodotslamo2584 Місяць тому

    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.

  • @lamodotslamo2584
    @lamodotslamo2584 Місяць тому

    Why use 'interface' to define pros type Instead of 'type'?

    • @omatsoladev
      @omatsoladev Місяць тому

      @@lamodotslamo2584 I prefer to use interface, You can choose which one you want to use.

  • @deepakpoojari9019
    @deepakpoojari9019 Місяць тому

    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" } },

  • @madmaxdev
    @madmaxdev Місяць тому

    Great Job

  • @hammadrao6508
    @hammadrao6508 Місяць тому

    paste the eas configuration for android too please

  • @rajkumar-nq2te
    @rajkumar-nq2te Місяць тому

    please continue this series, it helps

    • @omatsoladev
      @omatsoladev Місяць тому

      Yes I will, Dropping new videos tomorrow. Thank you very much

  • @alejandro-acho
    @alejandro-acho Місяць тому

    Thanks for this, very helpful, concise and updated 🎉

  • @Robs.studio
    @Robs.studio Місяць тому

    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 !

  • @Ezekiel_ax
    @Ezekiel_ax Місяць тому

    Thanks for this

  • @adonis.harding
    @adonis.harding Місяць тому

    thank u bro, now i can finish my app

    • @omatsoladev
      @omatsoladev Місяць тому

      I'm glad you loved the video. Please subscribe

    • @adonis.harding
      @adonis.harding Місяць тому

      @@omatsoladev no problem

  • @dariussturge9686
    @dariussturge9686 2 місяці тому

    i thought Google Sign In was deprecated?

  • @kaderdashing9443
    @kaderdashing9443 2 місяці тому

    same with facebook please

  • @julie550134
    @julie550134 2 місяці тому

    Perfect timing for me!!! Thanks alot

    • @omatsoladev
      @omatsoladev 2 місяці тому

      @@julie550134 you're welcome

  • @bensonisonline
    @bensonisonline 2 місяці тому

    Please, can you share the link to the source code?

    • @omatsoladev
      @omatsoladev 2 місяці тому

      @@bensonisonline chat me on LinkedIn

  • @mayragutierrez5701
    @mayragutierrez5701 2 місяці тому

    Wowow, Exellent! Very Thanks!

    • @omatsoladev
      @omatsoladev 2 місяці тому

      @@mayragutierrez5701 happy you loved it. You're welcome

  • @djeragon6544
    @djeragon6544 2 місяці тому

    How can I use that and firebase like for example Email and password from sign in ?