React, Redux Firebase Boilerplate

Firebase is a powerful platform for your mobile and web applications that lets you build apps fast without managing servers. Firebase gives you the tools and infrastructure to build better apps and grow successful businesses.

React A javascript library for building user interfaces

Redux Redux is a predictable state container for JavaScript apps.

Boilerplate Introduction

Boilerplate is designed for quickly spin up your apps with Firebase, using bunch of awesome new front-end technologies includes webpack build system, hot reloading, routing & sass support.

Features

• react
• redux
• firebase
• react-router
• redux-promise
• webpack
• babel

Quick Start

$ git clone https://github.com/btomashvili/react-redux-firebase-boilerplate.git
$ cd react-redux-firebase-boilerplate
$ npm install
$ npm run dev

Firebase settings

First you need to create your firebase application to fetch settings for boilerplate. For more information how to add your web app check this resource. After it copy your settings from firebase and fill config.js

module.exports = {

    FIREBASE_CONFIG: {

      apiKey: "",
      authDomain: "",
      databaseURL: "",
      storageBucket: "",

    }
}

Commands

Script	Description
npm run dev	Run development server with webpack-dev-server @ localhost:3000
npm run build	Test, and build the application to ./dist
npm start	Start production ready app with pm2 from ./dist @ localhost:8080

What it looks like