Storing and retrieving data for React Native apps with Firebase 2020

2 min read

Storing and retrieving data for React Native apps with Firebase 2020

Follow Below Code to Insert and Retrieving Data From Firebase Realtime Database

Follow This Code After Completing Firebase Configuration:

1. install or run: npm i firebase

2. import * as firebase from 'firebase';

const firebaseConfig = {
    apiKey: 'AIzaXXXXXXXXXXXXXXXXXXXXXXX',
    authDomain: 'test-XXXX.firebaseapp.com',
    databaseURL: 'https://test-XXXXXX.firebaseio.com',
    projectId: 'test-XXXX',
    storageBucket: 'test-XXXX.appspot.com',
    messagingSenderId: 'XXXXXXX',
    appId: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
    measurementId: "X-XXXXXXXXXX"
  };
  firebase.initializeApp(firebaseConfig);
  var database = firebase.database();
3. Firebase Function
  constructor(props){
    super(props);
    Firebase.initializeApp(config.firebase);

    this.state = {
      developers: "Hello World"
    }
  }
 Insert Data
writeUserData = () => {
  Firebase.database().ref('your_path/').set(this.state.developers);
  console.log('DATA SAVED');
}
Get Data
getUserData = () => {
  let ref = Firebase.database().ref('your_path/');
  ref.on('value', snapshot => {
    const state = snapshot.val();
     this.setState({developers:state});
  });
  console.log('DATA RETRIEVED');
}