A React API library for Firestore with CRUD-like syntax
Get started by running npm i firecrud-react
To get started with firecrud-react
, run the following command:
npm i firecrud-react
imports
import { useFirestore } from 'firebase-react'
import db from '../firebase'
initialize your db
const { fireStore } = useFirestore(db)
To create or overwrite a single document, use the fireStore.get()
method:
const { fireStore } = useFirestore(db)
const data = fireStore.get({
name: "Los Angeles",
state: "CA",
country: "USA"
}, "cities", "LA")
If the document does not exist, it will be created. If the document does exist, its contents will be overwritten with the newly provided data, unless you use the fireStore.post
method, as follows:
const data = firestore.post( null, 'cities', 'BJ' )
For a better alternative, check out Update doc
( equivalent to getDoc )To get started, write some data about cities so we can look at different ways to read it back:
const data = fireStore.post({
name: "Los Angeles",
state: "CA",
country: "USA"
}, "cities", "LA")
console.log(data)
const data = fireStore.get("cities", "LA")
console.log(data)
//output:
//{
// name: "Los Angeles",
// state: "CA",
// country: "USA"
//}
To update some fields of a document without overwriting the entire document, use the fireStore.update
method:
const data = fireStore.update({
state: "California",
country: "United States"
}, "cities", "LA")
To delete a document, use the fireStore.delete
method:
const data = fireStore.delete("cities", "LA")