GPT

Firestore Hook

import { useState } from 'react'; import { collection, query, where, orderBy, limit, addDoc, updateDoc, deleteDoc, doc, onSnapshot, QueryConstraint } from 'firebase/firestore'; import { db } from '../firebase'; export f

Prompt text

Original English text. Replace placeholders with your own details.

import { useState } from 'react';
import { collection, query, where, orderBy, limit, addDoc, updateDoc, deleteDoc, doc, onSnapshot, QueryConstraint } from 'firebase/firestore';
import { db } from '../firebase';

export function useFirestore<T>(collectionName: string) {
 const [documents, setDocuments] = useState<T[]>([]);
 const [loading, setLoading] = useState(false);
 const [error, setError] = useState<string | null>(null);

 const subscribeToCollection = (queryConstraints: QueryConstraint[] = []) => {
 setLoading(true);
 
 const q = query(collection(db, collectionName), ...queryConstraints);
 
 return onSnapshot(q, 
 (snapshot) => {
 const docs = snapshot.docs.map(doc => ({
 id: doc.id,
 ...doc.data()
 })) as T[];
 setDocuments(docs);
 setLoading(false);
 },
 (err) => {
 setError(err.message);
 setLoading(false);
 }
 );
 };

 const addDocument = async (data: Omit<T, 'id'>) => {
 try {
 setError(null);
 const docRef = await addDoc(collection(db, collectionName), data);
 return docRef.id;
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 const updateDocument = async (id: string, data: Partial<T>) => {
 try {
 setError(null);
 const docRef = doc(db, collectionName, id);
 await updateDoc(docRef, data);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 const deleteDocument = async (id: string) => {
 try {
 setError(null);
 const docRef = doc(db, collectionName, id);
 await deleteDoc(docRef);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 return {
 documents,
 loading,
 error,
 subscribeToCollection,
 addDocument,
 updateDocument,
 deleteDocument
 };
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →