briandesousa / firebase-with-react-hooks

Using React hooks to manage state backed by a Firebase firestore database

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Hooks and Firebase Demo - Live Grocery List

The Live Grocery List app is a demonstration of using React Hooks to manage app state that is backed by a Firebase firestore backend. This app demonstrates using building in React hooks as well as custom hooks.

Setup

This application uses Firebase services. Configuration required to connect to Firebase is defined in the .env file (or .env.local) in the root of this repository.

Before building or running the app, you must add your Firebase project configuration. Configuration can be obtained from Project Settings in your Firebase project at https://console.firebase.google.com.

Available Scripts

In the project directory, you can run:

npm start to run the app in development mode npm test to launch the test runner in interactive watch mode npm run build to bundle the app for production npm run eject to eject React Scripts dependency

Live Demo

Try a live version of this app at https://fir-with-react-hooks.firebaseapp.com/.

About

Using React hooks to manage state backed by a Firebase firestore database


Languages

Language:JavaScript 90.1%Language:CSS 6.7%Language:HTML 3.3%