Firebase Firestore Tutorial #5 - Deleting Data

Loving the series so far! Great work.

you are great man

This video's very usefull , thank you very very much . I love this course .

For accessibility a Button is a better option :) Good job btw I love your tuts

instead of cross.innerText = "x";
can also say cross.innerHTML = "×";

omg the best tutorial ever

How to get the id for realtime database?

FireBase is not a industry standard and the methods he is using in this tutorial are not secure.

Awesome well done

Helped me a LOT !
Thank you very much !!!!!!!!!!

I was getting error "Uncaught FirebaseError: Function Query.get() requires its first argument to be of type object, but it was: "rF9R7do0SC3IKD4aqkhn"" while deleting the id, then i removed your db.collection('cafes').doc(id).delete(); to db.collection("cafes").doc(id).delete().then(function() {
console.log("Document successfully deleted!");
}).catch(function(error) {
console.error("Error removing document: ", error);
});
and it's working fine now!
Thanks again for your tutorials - coming from relational databases into NoSQL feels hard to learn but your explanation is awesome, keep it up..:)

Hi, would you please show ,how to deploy this web app into server?

Is possible create auto delete data (free)?

why dont you use autocomplete. it really makes me sick.

Your tutorial is just what I was looking for, sample and complete, it's helping me a lot

Amazing man. Amazinggggggg

how i can delete data scheduled? example, exclude old documents (dataServer < dataToday) from specific collection at the every day (7:00PM hours)

is safe to execute firebase logic code in the client side?

Can't we just directly do "doc.delete()" since we already have that in renderCafe() function's parameter?

Just a question

this is literally something I needed to get a bit of backend storage. nice and simple!

thanks for this awesome tutorial.

It's not a "cross" it's an "eX"! Damint!

use this to update list as well

const deleteData = async (e) => {
const cafeId = e.target.parentElement.getAttribute("data-id");
await db.collection("cafes").doc(cafeId).delete();

const cafe = document.querySelector(`[data-id='${cafeId}']`);
// handle multiple clicks in succession
if (cafe) {
cafe.remove();
}
};

You saved my day!

To keep actions keyboard focusable and accessible it's good to always use a button element for actions like the delete shown here. I realise it's not the purpose of the video but good practice anyways.

One should listen on the parent element instead. When removing a cafe element without removing the listener you create a memory leak. Having one listener and delegating the operation by data-id your code is healthier

Wow, you are so awesome at explaining, GJ right there. KUDOS

Very helpful video!!

To delete a particular item, I am using the {doc.id} from the parameter, not doing that reverse engineering in the renderCafe() function and it works. Are there any consequences to that approach?

D: Just Amazing!

Anyway to do it using fetch API DELETE request?

I'm getting the following error: FirebaseError: Function CollectionReference.doc() cannot be called with an empty path. I tried everything to fix it, with no luck. Any help would be welcomed.

heyy man plz reply to this...... I created guides from your other firestorm lectures but now I want a delete functionality just like this on that code but its not happening.... plz help

You are awesome! The best tutorials so far I have seen!

Does anyone know how to remove the item on the list after clicking the cross button to delete? What I want is that I don't need to refresh the page to update the list

So no update on how to doc(id).delete(); 😞

sir god bless u good bless u god bless u sir u saved my assignmet , i had to submit it at 3pm

Sir can you help me in firebase could . i need a same function code in firebase could. Not realtime firebase.

Sir can you help me in firebase could . i need a same function code in firebase could. Not realtime firebase. i want to do that with button . plz help me

what is db???

Is there a way to delete sub collection?

i cant seem to delete a document by using a html input field and matching it to a field within a document on firestore. Can someone please help me out because this video doesn't really work for me for some reason.

DUDE THANK YOU THANK YOU THANK YOU. I knew there just had to be a simple way to do this and you got on with it.

How is the <div> element that contains the 'x' staying inline with the <spans>, since a <div> is a block element? Does the CSS file have instructions to do that? Or can you include a <div> inside of an <li> element, and thus be presented inline as default that way?