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.
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.
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