Search results
Learn how to integrate Firebase services with React Native apps using React Native Firebase, the officially recommended collection of packages. Follow the installation guide for React Native CLI or Expo projects and access Firebase features on Android and iOS.
- Reference API
Reference API - React Native Firebase | React Native...
- Screencasts
As more native dependencies are added to your project, in...
- TypeScript
The React Native Firebase project comes with support for...
- Release Notes
Starting from version 10.0.0, React Native Firebase packages...
- FAQs and Tips
React Native Firebase v5 is now deprecated and unsupported....
- Legacy Docs (<= v5)
Introduction. React Native Firebase makes using Firebase...
- Realtime Database
React Native Firebase provides native integration with the...
- Cloud Firestore
Installation and getting started with Firestore. Realtime...
- Reference API
Install and use Firebase features in React Native apps with @react-native-firebase/app. It supports iOS and Android platforms and has 222 other projects depending on it.
- Create a Firebase Project. Head over to Firebase.com and create a new account. Once logged in, you’ll be able to create a new project in the Firebase Console.
- Create and Configure a New React Native App. We’re going to make our React Native Firebase app compatible with both Expo CLI and React Native CLI. We’re going to use Expo for now, since it makes it easy for newcomers to preview their apps.
- Create the Folder Structure and Set Up Routes and Navigation. Create the folder structure by running. mkdir src/screens src/screens/LoginScreen src/screens/RegistrationScreen src/screens/HomeScreen.
- Implement the UI. Now that we have the scaffold of the app, let’s go ahead and implement the UI components of all screens. We’re not going into the details of flex layout and React Native styling, since that is outside the scope for this tutorial.
Learn how to use Firebase JS SDK and React Native Firebase library in your Expo projects. Compare the features, benefits, and caveats of each SDK and follow the installation and configuration steps.
- Installation
- What Does It Do
- Usage
- GeneratedCaptionsTabForHeroSec
This module requires that the @react-native-firebase/app module is already setup and installed. To install the "app"module, view the Getting Starteddocumentation. If you're using an older version of React Native without autolinking support, or wish to integrate into an existing project,you can follow the manual installation steps for iOS and Androi...
Firebase Authentication provides backend services & easy-to-use SDKs to authenticate users to your app. It supportsauthentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more. Firebase Authentication integrates tightly with other Firebase services, and it leverages industry standar...
Listening to authentication state
In most scenarios using Authentication, you will want to know whether your users are currently signed-in or signed-outof your application. The module provides a method called onAuthStateChangedwhich allows you to subscribe to the userscurrent authentication state, and receive an event whenever that state changes. It is important to remember the onAuthStateChangedlistener is asynchronous and will trigger an initial state oncea connection with Firebase has been established. Therefore it is impo...
Persisting authentication state
On web based applications, the Firebase Web SDK takes advantage of features such as cookies and local storage to persistthe users authenticated state across sessions. The native Firebase SDKs also provide this functionality using device native SDKs,ensuring that a users previous authentication state between app sessions is persisted. The user is able to clear their state by deleting the apps data/cache from the device settings.
Anonymous sign-in
Some applications don't require authentication, which make it tricky to identify what users are doing throughout your app.If connecting with external APIs, it is also useful to add an extra layer of security by ensuring the users request isfrom the app. This can be achieved with the signInAnonymouslymethod, which creates a new anonymous user which is persisted,allowing you to integrate with other services such as Analytics by providing a user ID. Ensure the "Anonymous" sign-in provider is ena...
Learn how to install and use Firebase Authentication with React Native to authenticate users with passwords, phone numbers, or external providers. See examples of sign-in, sign-out, and error handling methods.
Aug 26, 2022 · Learn how to set up Firebase version 9 with React Native using the JavaScript SDK. Follow the steps to create a Firebase project, configure the web app, and use authentication, storage and database modules.
Learn how to install, setup and use the React Native Firebase module for Cloud Messaging on Android and iOS devices. Find out how to request permissions, handle messages, display notifications and more.
