Back to Browse

Google Sign-in With Firebase Authentication in Bare React Native

492 views
Jul 30, 2025
21:20

In this tutorial, I show you how to implement Google Sign-In with Firebase Authentication in a bare React Native app (no Expo). This is a follow-up to my previous video using Expo. You’ll learn all the tricky native setup steps for both Android and iOS, including how to handle SHA-1, configure Xcode, fix crashlytics errors, and bridge Swift files. By the end, you’ll have working Google login in your React Native CLI app with proper Firebase integration. ⏱️ Timestamps: 00:00 - Intro: Google Sign-In for Bare React Native 00:30 - Firebase project setup recap 01:00 - Enable Google Sign-In in Firebase 01:30 - How to generate SHA-1 from keystore 02:30 - Add SHA-1 to Firebase project settings 03:30 - Installing required libraries in RN CLI 04:15 - Android setup: google-services.json, Gradle configs 05:30 - Firebase SDK version clarification 06:00 - iOS setup begins (Xcode steps) 07:00 - Configuring URL types and reverse client ID 08:30 - How to extract reverse client ID from Info.plist 09:30 - Setting up Swift bridging header 10:30 - Importing bridging file and handling AppDelegate.swift 12:00 - Recap: native setup complete 12:30 - Running and debugging Android app 13:00 - Common crash: Crashlytics missing config 13:45 - Fixing crashes using adb logcat 14:30 - Updating and reinstalling pods 15:15 - Boot splash troubleshooting 16:00 - Testing sign-in flow on Android 16:30 - Testing sign-in flow on iOS 17:00 - Verifying user in Firebase console 17:30 - Summary of challenges in RN CLI flow 18:00 - Expo vs bare React Native difference in setup 18:30 - Outro and teaser for Apple Sign-In video Links mentioned in the video: https://rnfirebase.io/auth/social-auth#using-google-sign-in https://react-native-google-signin.github.io/docs/install?package-manager=npm You can email me at for further queries: [email protected] You can find the source codes for my videos in topmate: https://topmate.io/gautham If you have any other questions, please leave it in the comments or contact me via Twitter (X) over DM's. Here is my Twitter (X) profile: https://x.com/gautham_vijay_ 🏷️ Hashtags: #ReactNative #GoogleSignIn #FirebaseAuth #BareReactNative #AndroidDev #iOSDev #FirebaseAuthentication #SwiftBridge #XcodeSetup #SHA1Key #AppDelegate #ReactNativeCLI #MobileAuth #AppSecurity #NativeModules

Download

1 formats

Video Formats

360pmp441.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Google Sign-in With Firebase Authentication in Bare React Native | NatokHD