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
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 |
npm run lint |
Run ESLint on ./src |
What it looks like
DEMO
https://react-redux-firebase-d6283.firebaseapp.com/
