Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bekatom/react-redux-firebase-boilerplate
:fire: :rocket: React, Redux, Firebase Boilerplate
https://github.com/bekatom/react-redux-firebase-boilerplate
firebase react redux redux-firebase-boilerplate
Last synced: 24 days ago
JSON representation
:fire: :rocket: React, Redux, Firebase Boilerplate
- Host: GitHub
- URL: https://github.com/bekatom/react-redux-firebase-boilerplate
- Owner: bekatom
- License: mit
- Created: 2016-07-02T19:26:02.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-02-01T21:51:11.000Z (almost 3 years ago)
- Last Synced: 2024-05-18T18:00:28.415Z (7 months ago)
- Topics: firebase, react, redux, redux-firebase-boilerplate
- Language: JavaScript
- Homepage:
- Size: 128 KB
- Stars: 328
- Watchers: 16
- Forks: 89
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# THIS PROJECT IS DEPRECATED IT'S NOT MAINTAINED ANYMORE!
# React, Redux Firebase Boilerplate
[](https://travis-ci.org/awwong1/react-redux-firebase-boilerplate)
> [Firebase](https://www.firebase.com) 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](https://www.firebase.com) A javascript library for building user interfaces
> [Redux](http://redux.js.org/) 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](https://github.com/facebook/react)
* [redux](https://github.com/rackt/redux)
* [firebase](https://www.npmjs.com/package/firebase)
* [react-router](https://github.com/rackt/react-router)
* [redux-promise](https://github.com/acdlite/redux-promise)
* [webpack](https://github.com/webpack/webpack)
* [babel](https://github.com/babel/babel)
Quick Start
-----------
```shell
$ 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](https://firebase.google.com/docs/web/setup). After it copy your settings from firebase and fill config.js
```javascript
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/](https://react-redux-firebase-d6283.firebaseapp.com/)
--------
