Giter VIP home page Giter VIP logo

firebase-with-react-hooks's Introduction

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

firebase-with-react-hooks's People

Contributors

briandesousa avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.