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:

Build A Custom React Native Turbo Module For Android

Build a custom React Native Turbo Module for Android

Build a React Native Turbo Module for Android to access device info like model, IP, uptime, and battery status using native mobile APIs.

Emmanuel John
Feb 27, 2025 ⋅ 8 min read
how to measure round-trip time using cURL

How to measure round-trip time (RTT) using cURL

Learn how to measure round-trip time (RTT) using cURL, a helpful tool used to transfer data from or to a server.

David Omotayo
Feb 26, 2025 ⋅ 10 min read

React.memo explained: When to use it (and when not to)

React.memo prevents unnecessary re-renders and improves performance in React applications. Discover when to use it, when to avoid it, and how it compares to useMemo and useCallback.

Emmanuel John
Feb 26, 2025 ⋅ 9 min read
React useCallback: When And How To Use It For Better Performance

React useCallback: When and how to use it for better performance

Learn how React’s useCallback hook boosts performance by memoizing functions and preventing unnecessary re-renders with practical examples and best practices.

Emmanuel John
Feb 26, 2025 ⋅ 6 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