KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #dsh #dsh-plugin #ai-agent #codex #ai-agents #deepseek-harness #claude-code #cli #react #mcp

firebase-with-react-hooks

★ 110 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](.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](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/](https://fir-with-react-hooks.firebaseapp.com/).

firebase-with-react-hooks

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README