Fireabse - react Basic Auth

app.jsx

import React from 'react';
import { Auth, DatabaseRef } from 'firebaseConfig.js';
import PublicComponent from 'PublicComponent.jsx';
import PrivateComponent from 'PrivateComponent.jsx';
import LoadingComponent from 'LoadingComponent.jsx';

class App extends React.Component {

  constructor() {
    this.state = {
      auth: null
    }
  }

  /* Component Custom Methods */
  /* End Component Custom Methods */

  /* React Component LifeCycle Methods */
  componentWillMount() {
    Auth.onAuthStateChanged( (user) => {
      this.setState({
        auth: (user) ? true : false
      })
    })
  }

  render() {
    let appContent;
    switch (this.state.auth) {
      case true:
        appContent = <PrivateComponent />
        break;

      case false:
        appContent = <PublicComponent />;
        break;

      default:
        appContent = <LoadingComponent />;
        break;
    }
    return (
      <div>{ appContent }</div>
    );
  }
  /* End React Component LifeCycle Methods */
}

firebaseConfig.js

import Firebase from 'firebase/firebase-browser';

const config = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  storageBucket: ''
};

Firebase.initializeApp(config);

const DatabaseRef = Firebase.database().ref();
const StorageRef = Firebase.storage().ref();
const StorageImagesRef = StorageRef.child('images');
const Auth = Firebase.auth();

export {
  Auth,
  DatabaseRef,
  StorageRef,
  StorageImagesRef
}