Getting Started with Firebase 9 #5 - Adding & Deleting Documents

Hey all, in this Firebase 9 tutorial I'll show you how to add new documents (save them) and also how to delete documents to and from the database collection.
🐱‍👤 Course files:
github.com/iamshaunjp/Getting...
🐱‍👤 My Premium Udemy courses:
thenetninja.co.uk/udemy/react...
thenetninja.co.uk/udemy/vue-a...
thenetninja.co.uk/udemy/moder...
thenetninja.co.uk/udemy/d3-an...
🐱‍👤 Get access to all other premium courses on Net Ninja Pro:
netninja.dev/
🐱‍💻 My Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

[@AronKvaszta]

This is honestly the best firebase primer for anyone of any skill level. As always, incredible job explaining and showing how and why stuff is done. Thank you Shaun!

[@NetNinja]

Glad you enjoyed it! :) thanks Aron

[@austinperrine23]

This playlist has brought my soul back to life. Thank you

[@NetNinja]

Aha, glad to hear that Austin!

[@monique2839]

These tutorials are very beginner friendly and concise. Thank you Shaun for putting out such great content!!

[@VasilBituniPhotography]

'The name of the wind' and 'The way of kings' are my two favorite book series. I was happy when I saw you typing them haha. And as always, very helpful video!

[@wusaby-ush]

Finally, I waited for this two days

[@massimo8408]

So far so good. I love your tutorials!

[@geronimostilton5057]

You helped me so much with this video! I was so confused about firebase syntax with their new version.

[@tech3425]

Great course! Looking forward to more indepth Firebase 9 courses

[@ascodes3461]

Your Voice is really nice brother 😍😍 And these tutorials are amazing!!! Keep up the good work...

[@bgrand-ch]

Thanks a lot! Firebase 9 is awesome and your videos too 🤘😎

[@user-hm4dl9yt9o]

thank you, it's very helpful!

[@Omerko]

Really easy to use, even if version 9 comes with some crucial changes, it is really easy to update to it... Thanks for another video... :D

[@edisonmondal2798]

Sir! You have saved my life ❤❤🔥🔥🖤🖤

[@Loenbrad18]

Awesome video series, going back to like the first 4 to show some love. 🤝

[@NetNinja]

Much appreciated, thanks Brady!

[@anasal-abood9649]

You are the ninja hero...

[@alirezarezaei7416]

Thanks a lot. its very useful

[@hashemalsaggaf9270]

May the force be with you

[@dimalukashenko4865]

Good lesson, thanks

[@NetNinja]

Thanks for watching Dima

[@abbasmohamedwalaal5753]

wow very amazing

[@IliyaDamyanov]

Good video.

[@josephmgift]

The best teacher.

[@NetNinja]

Thanks Joseph, hope you found it helpful!

[@josephmgift]

@@NetNinja Of course.

[@jesse5785]

how to delete a specific document id but without writing the id but with a button click?

[@SwankyMarrow212]

'The Way of Kings' is a great book

[@SwankyMarrow212]

Nooooo don't delete it!!!

[@mohamedyoussef8835]

Awesome Tutorial ++++++++++++++++++++ Thank You

[@Musica-zp7zn]

How do we make it delete the doc without making the user know the doc id??? Implementing just a delete button and that's all ..

[@mykoexe4135]

goated content

[@earthycoin]

YOu are the best!

[@hasanuralam8403]

thanks dudu

[@davidmendoza1477]

what if i want to delete a document but i dont want to have to write the id. I mean, if this was a real application then the user wouldn't have acces to that information and therefore wouldn't be able to delete the 'book' from the database. So the developer (us) has to handle that for the user. So our code needs to have access to the id of the 'book' object in our database that our UI 'book' object makes reference to. How do we do that?

[@junaidt7553]

thank you so much

[@NetNinja]

You're very welcome!

[@jhonlee788]

Hello ! I wanted to know if you will make a firebase tutorial for React-Native ? Or is this current tutorial is easy to reapply on a react-native project ? Thank you in advance !

[@nobodyeverybody8437]

Tanx for the tutorial, I'm just wondering, why didn't you define the "id" attribute of "input" elements? I guess the "label" element have now difficulties to find the object defined in "for" attribute.

[@meinkyelisee841]

Thanks for this very clear tutorial But please , is it the same logic for react native ?

[@pagevpetty]

Thanks for the vids! Just wondering why this example of addDoc is different from the addDoc example in your Udemy course?

[@geebsayshi]

Can you delete a document specified by a filter or delete is only done with an ID ?

[@aaron_phillips]

Hello. Trying to follow along, but I'm using Vue. Is there different syntax used for Vue? I keep getting errors when using querySelector.

[@cubedev4838]

Please make firebase anlytics also

[@iamnate791031]

there's a simple question still bother me why we use addDoc() function , we just directly use colRef as a parameters but in the deleteDoc() function , we need to use doc() at first?

[@AnsBdran]

7:00 is it possible to get a document reference by passing just the collection refecrence and the id without the db?

[@danielmartinezvillegas4166]

how can I split the code up in multiple files, just calling the firebase functions anywhere i need them ???

[@pipaliyaashish4832]

Any way to hide firestore credentials from source panel ( dev tools)?

[@bemotivateddaily271]

Thank you netninja thank you, am a Nigerian I have tried to join your channel with my card but it is not working, I guess I will keep on trying other cards

[@Chinni0913]

When I add would like to store data like title and author, the database stores 2times. How can I resolve my issue?

[@Locus.B]

Very useful but I could use some help on the adding and deleting part because I need to make those functions in vue and don’t really know how. Can any1 help?

[@zoozolplexOne]

Cool !!

[@Richard.halabi]

the collection has an id right ?

[@dolapoadefisayomioluwole1341]

👍 netninja

[@anoopthomas2746]

Please say how to set uid of my user as document id .please

[@atifali3485]

im having problem, if i comment entire the idex.js file it performs the add and remove regardless

[@gogouniverse9375]

throwing an error when adding object properties in addDoc(colRef,{}),can you help how to solve

[@Lostpanda123]

Can the API Key be stored on a env. File? Or is there another way to secure the code?

[@jondenjack]

Use firebase rules According to the firebase docs: The content is considered public, including your platform-specific ID (entered in the Firebase console setup workflow) and values that are specific to your Firebase project, like your API Key, Realtime Database URL, and Storage bucket name. Given this, use security rules to protect your data and files in Realtime Database, Cloud Firestore, and Cloud Storage.

[@zergzerg4844]

Hello. I do the same thing on 5:20 but the addDoc method create duplicate data in the firestore database. WHy does your method works correctly ?

[@zergzerg4844]

@@DiffuserCapital I already fix it. Yes, it submitted twice.

[@chubbyBunny94]

I'm getting this error: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. anyone got a clue?

[@alexpiano]

Any chance to use async await? I tried but I think something else needs to be configured.. const snapshot = await getDoc(colRef); const books = snapshot.docs.map((doc) => ({ //for each document we return an object with the data and the id ...doc.data(), //this method allows obtaining the stored data for each doc. id: doc.id, }));

[@jannickpedersen4620]

A code example of mine: const fetchPost2 = async () => { await getDocs(collection(db, "usercaseRight")) .then((querySnapshot)=>{ const newData = querySnapshot.docs .map((doc) => ({...doc.data(), id:doc.id })); setUsercaseRight(newData); } ) } useEffect(()=>{ fetchPost2(); }, []) ////////////////////////////////////////// - Then in the render { usercaseRight?.map((usercaseRight, k)=>( {usercaseRight.titel} {usercaseRight.tekst} )) }

[@mehtabahmad__]

waiting for firebase in react native cli.......................

[@manoj-k]

🔥🔥🔥

[@fre.helfer]

I love you

[@bblash9560]

Sorry but why do I get a "can't find variable: document" ?

[@ShubhamKumar-hm8bc]

The delete is not working, there is no error, but the data isn't deleted at all.

[@cubanezu33]

sa iti dea dumnezeu sanatate ca ne inveti ca pe prosti ce si cum! Bv.

[@PsychoDude]

I WANT TO ADD AN ID NAME not a random

[@kacperkepinski4990]

there is no file

[@ransomecode]

Get Sarted with Firebase.... 😂😂

[@ransomecode]

please correct the title of the video!

[@OperationAndrew.]

When I push to the database I get this issue: "core.min.js:8 POST [IP made anon]/[project made anon]/site/public/bat/rd-mailform.php 405 (Method Not Allowed)" any ideas on how I can fix

[@agomcago]

Please how can I add pictures (or other media files) alongside other data (text)? I've been struggling with it for a while now. Got this when I tried the first time: "C:\fakepath\1.jp"