Skip to content

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

Notifications You must be signed in to change notification settings

findmory/firebase-with-react-hooks

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

It is a fork of the project from this excellent blog but uses Recoil for state managment instead of prop passing.

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.9%
  • CSS 6.1%
  • HTML 3.0%