https://github.com/dayitv89/react-native-quick-firebase

Firebase simple integration with phone auth and analytics only.
https://github.com/dayitv89/react-native-quick-firebase

Last synced: 9 days ago
JSON representation

Firebase simple integration with phone auth and analytics only.

• Host: GitHub
• URL: https://github.com/dayitv89/react-native-quick-firebase
• Owner: dayitv89
• License: mit
• Created: 2018-06-05T04:24:05.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-11-19T04:46:40.000Z (2 months ago)
• Last Synced: 2025-01-01T14:48:17.572Z (26 days ago)
• Language: Java
• Homepage: https://www.npmjs.com/package/react-native-quick-firebase
• Size: 278 KB
• Stars: 1
• Watchers: 5
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-quick-firebase

![](https://img.shields.io/badge/Stable-v1.1.4-green.svg?style=flat)

![](https://img.shields.io/badge/RN-v0.65.x+-orange.svg?style=flat)

Firebase simple integration with phone auth and analytics only.

Implementation in React Native project

Please add this entries as follow -

- _iOS_ ( In Podfile)

```

pod 'RNQuickFirebase', :path => PROJECT_PATH + 'react-native-quick-firebase/ios'

pod 'Firebase/Auth'

pod 'FirebaseAnalytics'

```

- _Android_

android/settings.gradle

```

include ':react-native-quick-firebase'

project(':react-native-quick-firebase').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-quick-firebase/android')

```

android/app/build.gradle

```

dependencies {

    ...

    implementation project(':react-native-quick-firebase')

}

```

MainApplication.java

```

public class MainApplication extends Application implements ReactApplication {

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {

        @Override

        protected List getPackages() {

            return Arrays.asList(

                    ...

                    new QuickFirebasePackage()

            );

        }

    };

}

```

### Sample code

```javascript

//

// Copyright © 2017-Present, Gaurav D. Sharma

// All rights reserved.

//

'use strict'

import React, { Component } from 'react'

import { AppRegistry, Text, TouchableOpacity, View } from 'react-native'

import RNQuickFirebase from 'react-native-quick-firebase'

class App extends Component {

  componentDidMount() {

    RNQuickFirebase.setAnalyticsEnabled(true)

  }

  onSendOTP = async () => {

    RNQuickFirebase.logEvent('otp_button_click', null)

    let params = null

    try {

      const phoneNumber = '+919876543210'

      await RNQuickFirebase.sendOTP(phoneNumber)

      console.warn('otp sent to: ' + phoneNumber)

      const sessionToken = await RNQuickFirebase.validateOTP('123456')

      console.warn('OTP validated successfully with sessionToken: ' + sessionToken)

      params = { otp_validate_event: 'otp_success' }

      RNQuickFirebase.logEvent('otp_send_validate', params)

      /// send this token to server to cross validate

      RNQuickFirebase.signOut()

      console.warn('User Logout from the Firebase')

    } catch (e) {

      console.warn(e)

      params = { ['otp_send_event']: 'otp_failed' }

      RNQuickFirebase.logEvent('otp_send_validate', null)

    }

  }

  render() {

    return (

      

        

          Check RNQuickFirebase App

        

      

    )

  }

}

AppRegistry.registerComponent('firebaseDemo', () => App)

```

Voila! Happy Coding! 😍