1Add data to Firestore

Add data to Firestore

import { doc, setDoc } from "firebase/firestore"; 

await setDoc(doc(db, "Ali Hassan", "test123"), {
  userName: "Ali Hassan",
  age: 28,
  married: false,
  websites: ["c4a.dev", "courses4arab.com"]
});

2Get data From Firestore as array

npm i react-firebase-hooks

إذا كنت تُريد الحصول على جميع الـ documents

 import { useCollection } from "react-firebase-hooks/firestore";
 import { collection } from "firebase/firestore";

 const [value, loading, error] = useCollection(collection(db, COLLECTION NAME));


 // شرح 
 value.docs >>> ARRAY >>> array of documents
 value.docs.map(***)

إذا كنت تُريد الحصول على جميع documents بترتيب معين

المصدر

 
import { useCollection } from "react-firebase-hooks/firestore";
import { collection, orderBy, query, limit } from "firebase/firestore";

const [value, loading, error] = useCollection(
  query(collection(db, user.uid), orderBy("id"))
);

//الحصول على أول ثلاث نتائج فقط
const [value, loading, error] = useCollection(
  query(collection(db, user.uid), orderBy("id"), limit(3))
);

// الحصول على الداتا بترتيب عكسى
const [value, loading, error] = useCollection(
  query(collection(db, user.uid), orderBy("id", "desc"))
);

إذا كنت تُريد الحصول على مجموعة مُحددة من الـ documents

المصدر

تحذير

 
import { useCollection } from "react-firebase-hooks/firestore";
import { collection, query, where } from "firebase/firestore";

const [value, loading, error] = useCollection(
  query(collection(db, user.uid), where("completed", "==", true))
);

إذا كنت تُريد الحصول على document واحد فقط

   
import { useDocument } from "react-firebase-hooks/firestore";
 import { doc } from "firebase/firestore";

 const [value, loading, error] = useDocument(doc(db, user.uid, id));

 // شرح 
 value.data() >>> OBJECT
 value.data().***

3Update data in Firestore

Update data in Firestore

//To Update a document
import { doc, updateDoc } from "firebase/firestore";

await updateDoc(doc(db, user.uid, id), {
  title: eo.target.value,
});

Update an array

Add element to an array


import { arrayUnion, doc, updateDoc } from "firebase/firestore";
 
await updateDoc(doc(db, user.uid, id), {
  details: arrayUnion(VARIABLE),
});

Remove element from an array


import { arrayRemove, doc, updateDoc } from "firebase/firestore";
 
await updateDoc(doc(db, user.uid, id), {
   details: arrayRemove(ITEM),
});

المصدر

4Delete data from Firestore

Delete a document from Firestore


import { doc, updateDoc } from "firebase/firestore";

await deleteDoc(doc(db, user.uid, id));

Delete specific fields from a document


import { doc, updateDoc, deleteField } from "firebase/firestore";

await updateDoc(doc(db, user.uid, id), {
     title: deleteField()
  });

المصدر