app.js

import React, { Component } from "react";
import ReactDOM from "react-dom";
import Header from "./header";
import css from '../../../static/app.css';
import Entry from "./entry";
import firebase from 'firebase';
import 'firebase/firestore';
import {firebase as fb} from "../../../config/config";

//Initialize Firebase
const firebaseApp = firebase.initializeApp(fb);
const db = firebaseApp.firestore();
db.settings({timestampsInSnapshots: true});



class App extends Component {
  constructor() {
    super();

    this.state = {
      whatever: ""
    };
  }

  render() {
    let posts = [];
    db.collection('posts').get().then(function(snapshot) {
      posts = snapshot.docs.map(post => <Entry title={post.get('title')} body={post.get('body')} />);

      posts.forEach(function(entry) {
        console.log(entry);
      });
    });

    return (
      <div className="main-container">
        <Header/>
        {posts}
      </div>
    );
  }
}

export default App;

const wrapper = document.getElementById("root");
wrapper ? ReactDOM.render(<App />, wrapper) : false;