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:

Fix over-caching with dynamic IO caching in Next.js 15

Next.js 15 caching overhaul: Fix overcaching with Dynamic IO and the use cache directive.

David Omotayo
Aug 6, 2025 ⋅ 10 min read
LLMs are facing a QA crisis here’s how we could solve it

LLMs are facing a QA crisis: Here’s how we could solve it

LLM QA isn’t just a tooling gap — it’s a fundamental shift in how we think about software reliability.

Rosario De Chiara
Aug 4, 2025 ⋅ 7 min read

Windsurf vs. Cursor: When to choose the challenger

Windsurf AI brings agentic coding and terminal control right into your IDE. We compare it to Cursor, explore its features, and build a real frontend project.

Chizaram Ken
Jul 31, 2025 ⋅ 9 min read

The CSS if() function: Conditional styling will never be the same

The CSS Working Group has approved the if() function for development, a feature that promises to bring true conditional styling directly to our stylesheets.

Ikeh Akinyemi
Jul 30, 2025 ⋅ 12 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