2021-12-22
2667
#firebase#react
Taminoturoko Briggs
83998
Dec 22, 2021 ⋅ 9 min read

Build a CRUD application in React with Firebase Web SDK v9

Taminoturoko Briggs Software developer and technical writer. Core languages include JavaScript and Python.

Recent posts:

float ui tutorial

Building responsive websites fast: A Float UI tutorial

Discover Float UI, a set of pre-made templates that leverage the power of Tailwind CSS to help developers create professional websites quickly.

Murat Yüksel
Apr 21, 2025 ⋅ 22 min read
react toastify

React-Toastify (2025 update): Setup, styling & real-world use cases

Learn how to use React-Toastify in 2025, from setup to styling and advanced use cases like API notifications, async toasts, and React-Toastify 11 updates.

Chimezie Innocent
Apr 18, 2025 ⋅ 18 min read
5 Best Open Source Tools For Cross-Browser CSS Testing

5 best open source tools for cross-browser CSS testing

Discover open source tools for cross-browser CSS testing like Playwright and BrowserStack to catch rendering errors, inconsistent styling, and more.

Peter Aideloje
Apr 18, 2025 ⋅ 11 min read
react suspense data fetching

How to handle data fetching with React Suspense

With the introduction of React Suspense, handling asynchronous operations like data fetching has become more efficient and declarative.

Ovie Okeh
Apr 18, 2025 ⋅ 10 min read
View all posts

6 Replies to "Build a CRUD application in React with Firebase Web SDK v9"

    1. To delete all completed tasks you can do the following:

      const taskQuery = query(collection(db, ‘tasks’), where(‘completed’, “==”, true))
      const querySnapshot = await getDocs(taskQuery)
      try{
      await Promise.all(querySnapshot.forEach((aDoc) => {
      deleteDoc(doc(db, ‘tasks’, aDoc.id))
      }))
      }catch(err){
      console.log(err.message)
      }

      In the above code, I am getting all the documents where the completed field equals true, iterating through the resulting documents, and deleting them individually using the deleteDoc function.

Leave a Reply