React, Redux Firebase Boilerplate

Build Status

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.


Quick Start

$ git clone
$ 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 = {


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



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
npm run lint Run ESLint on ./src

What it looks like