:volcano: React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate

License: MIT License

JavaScript 96.92% HTML 0.63% CSS 2.45%

redux react firebase webpack eslint enzyme mocha

react-hot-redux-firebase-starter's Introduction

Firebase 3.0 Starter using React Redux

This is a Firebase 3.0 start using React and Redux.

It uses the latest version of libraries, including the brand new React Hot Loader (still beta)

Stack

React
- React 15.1.0
- React Hot Loader 3.0.0-beta.2
- React Router 2.4.1
Redux
- Redux 3.5.2
- React Redux 4.4.5
- React Router Redux 4.0.4
- Redux Thunk 2.1.0
- Redux Dev Tools
Webpack
- Webpack 1.13.1
- Webpack Dev Middleware 1.6.1
- Webpack Hot Middleware 2.10.0
Firebase
- Firebase 3.0.3
Linting
- Eslint 2.11.1
Styles
- Bootstrap 3.3.6
Testing
- Mocha 2.5.3
- Enzyme 2.3.0

Features

Firebase:
- Auth
  - Authentication setup (Registration/Login)
  - state.user sync with Firebase Auth
  - Protected routes (needs to be logged in)
  - Store users on '/users/<user.uid>'
  - Admin flag on user ('/isAdmin/<user.uid>' :: bool)
  - Admin Protected routes (needs to be logged in)
- Database
  - Set example
  - Query example

Usage

git clone [email protected]:douglascorrea/react-hot-redux-firebase-starter.git
cd react-hot-redux-firebase-starter
npm install
npm start -s

Development Tasks

npm start run the web app with lint and tests in watch mode
npm run lint linting javascript code usig eslint
npm run test test using mocha and enzyme

Roadmap

Check our roadmap issues

react-hot-redux-firebase-starter's People

Stargazers

Watchers

react-hot-redux-firebase-starter's Issues

Implement Social Providers auth

Create database remove example

Create an admin interface

And make it easy to add new features on it

Error on registration

Registration is successful but I still get the following in the console:

RegistrationPage.js:36 Uncaught TypeError: Cannot read property 'then' of undefined

Create a database push example

Improve Styles

Still need to check if SASS, PostCSS, CSS Modules?

Need to check if the current route is valid after logout

If the user is in a protected or admin while logout he should be redirect to non-protected route

Example with Server side rendering?

Do you think you can provide an example with firebase and server-side rendering. I tried to implement my project like yours, with the exception that I have server-side rendering enabled and there are certain points where if I refresh, it says I need to reinitialize my firebase again.

Create travis CI

Password input not hidden

Hi,

Thanks for the great work with this. At the login page, it doesn't mask the password. I tried fixing in "src/components/LoginPage.js",

and changing it to:

  <TextInput
    name="password"
    label="Password"
    input-type="password"
    onChange={onChange}
    value={user.password}
    />

But that still showed the password in plain text. Is there a way to fix this?

Thanks

Validate if user is already in database while creating it

Firebase security rules

Using Bolt

Suggestion: react-native-firestack

Hi, This is a cool starter. I really looked some kind of starter like this for firebase. This is very useful. In my suggestion for use firebase there is a package called react-native-firestack which has firebase native and javascript support. https://github.com/fullstackreact/react-native-firestack

Create an Firebase storage example

Use React Hot Loader 3

We are using gaearon/react-hot-loader#240

Create Reducer Tests

Unexpected Token

I get the following error when running npm start
ERROR in ./src/index.js
Module parse failed: src\index.js Unexpected token (43:8)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (43:8)
at Parser.pp$4.raise (\node_modules\webpack\node_modules\acorn\dist\acorn.js:2221:15)
at Parser.pp.unexpected (\node_modules\webpack\node_modules\acorn\dist\acorn.js:603:10)
at Parser.pp$3.parseExprAtom (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1822:12)
at Parser.pp$3.parseExprSubscripts (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1715:21)
at Parser.pp$3.parseMaybeUnary (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1692:19)
at Parser.pp$3.parseExprOps (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1637:21)
at Parser.pp$3.parseMaybeConditional (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1620:21)
at Parser.pp$3.parseMaybeAssign (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1597:21)
at Parser.pp$3.parseExprList (\node_modules\webpack\node_modules\acorn\dist\acorn.js:2165:22)
at Parser.pp$3.parseSubscripts (\node_modules\webpack\node_modules\acorn\dist\acorn.js:1741:35)
@ multi main

douglascorrea / react-hot-redux-firebase-starter Goto Github PK