React Native Firebase Authentication Starter, manage user authentication in React Native app with firebase

Last update: Aug 3, 2022

React Native Firebase Authentication Starter

Sign up and sign in screens for mobile using React Native. This is an example of how to use Firebase Authentication in React Native application, how to let users create an account or log in to an existing account.

Get Started

  1. In the terminal clone the repo git clone [repolink].
  2. In the terminal go to the root directory of the app.
  3. Run npm i to install dependencies.
  4. Run npm start to run the application.
  5. Make sure you have the Expo app installed on your phone.
  6. Scan the QR code with your phone camera or with QR scanner.
  7. That's it, the app should open the expo app and run the app on your phone.

How to use

  1. Create a Firebase account.
  2. Create an app inside of Firebase.
  3. Go to the app / project settings and find the configurations like below.
const firebaseConfig = {
  apiKey: "Z39Anp432McbPkLrURA",
  authDomain: "appname.firebaseapp.com",
  projectId: "appname",
  storageBucket: "appname.appspot.com",
  messagingSenderId: "9124367852",
  appId: "1:111283728:web:8f77777986"
};
  1. Update the firebase.js with your settings

Screens

  • Sign Up Screen
  • Sign In Screen
  • Sign Out Screen

To switch between screens in this example go to App.js and look for this code:


{/*  */}
{/*  */}

The sign up screen is what you'll see on the app first. If you want to see the sign in screen just comment the signUp component and comment out the signIn component

Everything is working properly right after you update the firebase.js with your credentials.

Enjoy

Author Maor Tzabari

GitHub

https://github.com/oritzio/react-native-firebase-starter
You might also like...

Creating secure routes and saving user information in SecureStore

React Native, sistema de login social nativo usando uma conta do Google Primeiro passo clonar o repositório git clone [email protected]:r-santtos/Stu

Dec 11, 2021

Build a Chat Web App using React + Firebase

Build a Chat Web App using React + Firebase

Unichat Application Introduction This is a code repository for the corresponding video tutorial. In this video, we create a full Realtime Chat Applica

Dec 27, 2021

react native module for firebase cloud messaging and local notification

react native module for firebase cloud messaging and local notification

Deprecated I'm not longer able to maintain this repo. check react-native-firebase instead To existing react-native-fcm users react-native-firebase now

Aug 3, 2022

Firebase incoming call notifications for React Native based applications.

Firebase incoming call notifications for React Native based applications.

Android Call Notifications App (React Native) Banner Notifications FullScreen Notifications Prerequisites for project Create a firebase project from f

Jul 6, 2022

Nesta edição do Next Level Week, iremos desenvolver uma aplicação para que o usuário possa fazer perguntas a outros usuários e assim receber uma resposta da comunidade, chamada Letmeask. Para isso iremos utilizar o React, Typescript e Firebase.

Letmeask 1.0 Website · Figma · Twitter Code by Ruy Armando ❤️ 👋 💻 Sobre o projeto Nesta edição do Next Level Week, iremos desenvolver uma aplicação

Jun 26, 2021

Redux bindings for Firebase. Includes React Hooks and Higher Order Components.

react-redux-firebase Redux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. Usage Note If you are starting a new proje

Jul 29, 2022

A chat web application using React JS and Firebase.

Decisive Chat Decisive Chat is a chat application built by using React JS and Firebase. You can get a demo of it Here. For the sack of demo, the priva

Dec 30, 2021

Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm

Feb 7, 2022

Discuzz: Open source Comment System Built With React and Firebase

Discuzz: Open source Comment System Built With React and Firebase

Discuzz Open source Comment System Table of contents Homepage Features Usage Exa

Jul 6, 2022
An example React Native Firebase application integrating authentication
An example React Native Firebase application integrating authentication

Firebase Authentication Example for React Native Thank you for trying the Firebase Authentication example ?? Just want to try it? It's live right here

Feb 22, 2022
React-firebase-mui-insta-reels - React Firebase Material-UI insta reels app
React-firebase-mui-insta-reels - React Firebase Material-UI insta reels app

React Firebase Material-UI insta reels app Website link : here P.S :- Open the w

Feb 11, 2022
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.

React Native Firebase React Native Firebase is a collection of official React Native modules connecting you to Firebase services; each module is a lig

Aug 8, 2022
React Native authentication with the native Touch ID popup.

React Native Touch ID React Native Touch ID is a React Native library for authenticating users with biometric authentication methods like Face ID and

Aug 3, 2022
React Native authentication with iOS Passcode.
React Native authentication with iOS Passcode.

React Native Passcode Auth React Native Passcode Auth is a React Native library for authenticating users with iOS Passcode. It is an excellent fallbac

Feb 25, 2022
React Native: social authentication with Google, using Context, TypeScript and environment variables

React Native, sistema de login social nativo usando uma conta do Google Primeiro passo clonar o repositório git clone [email protected]:r-santtos/Stu

Dec 10, 2021
React Native module bridge to obtain information about the user’s home cellular service provider,

React Native Carrier Info React Native module bridge to obtain information about the user’s home cellular service provider. Makes use of the following

Jun 12, 2022
Use-prompt - React promise-based user prompts

DTS React w/ Storybook User Guide Congrats! You just saved yourself hours of work by bootstrapping this project with DTS. Let’s get you oriented with

Mar 21, 2022
Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter.
Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter.

Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view.

Jun 29, 2022
A Web project built using ReactJs that asks the user a few questions, then based on the answers provided we suggest him some games that might be suitable for him.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Apr 10, 2022