React Hot Redux Firebase Starter screenshot

React Hot Redux Firebase Starter

Author Avatar Theme by Douglascorrea
Updated: 10 Sep 2016
378 Stars

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

Categories

Overview:

This article discusses a Firebase 3.0 starter project that utilizes React and Redux. The project is built using the latest versions of libraries and includes features such as Firebase authentication setup, protected routes, and database queries. The article also provides instructions on how to install and use the theme.

Features:

  • Firebase Auth: Provides authentication setup, including registration and login functionalities.
  • Protected routes: Certain routes require the user to be logged in.
  • User syncing: The state.user is synchronized with Firebase Auth.
  • User storage: User information is stored in the ‘/users/<user.uid>’ location.
  • Admin flag: An admin flag is set for each user in the ‘/isAdmin/<user.uid>’ location.
  • Admin protected routes: Certain routes require the user to be logged in and be an admin.
  • Database: Allows setting and querying examples.
  • Development tasks: npm commands for starting the web app with lint and tests in watch mode.

Installation:

To install and use the Firebase 3.0 starter using React Redux theme, follow these steps:

  1. Clone the repository using the command git clone <repository_url>.
  2. Install the required dependencies by running npm install.
  3. Start the web app with lint and tests in watch mode using npm start.
  4. Lint your JavaScript code using npm run lint.
  5. Run tests using Mocha and Enzyme with the command npm run test.

Summary:

This article introduces a Firebase 3.0 starter project that utilizes React and Redux. It highlights the key features of the project, such as Firebase authentication, protected routes, and database querying. The article also provides a step-by-step guide on how to install and use the theme.