READ, WRITE, UPDATE, DELETE Data | Firebase Realtime Database v9 | JavaScript

[@HassaanRaza]

This Video and Series Completely Supports Firebase v10.x.x

[@dudaclash1943]

Finally someone posted a very simple and helpful tutorial for the 9 release of firebase realtime. Thank you very much.🤜🏻🤛🏻

[@HassaanRaza]

when i needed it, didn't find it anywhere the docs are incomplete, so researched, read the docs asked here and there and then made it available for the public :)

[@HassaanRaza]

Retrieve Firebase Data Into Html Table Tutorial: kzbin.info/www/bejne/bnjRgaWsn8yaa68 Perform CRUD with FIrebase Using HTML Table: kzbin.info/www/bejne/eJOWeGttf52Lfac

[@abnoco]

Great tutorial. Easy to follow and a lot of information. No React, EJS, Axios, etc. etc. etc. Just clean, easy to understand code that works. THANK YOU! A foundation I can build upon. Finally.

[@HassaanRaza]

thank you for your brief appreciation 😄

[@mattc9409]

Who has been refreshing the videos page at least daily waiting for the updated tutorial? I have. Thank you!! I finally got my code to work! May i ask how you found about the import {getDatabase, ref, set, .... } code ? I wouldn't have beem able to figure it out. Thanks!

[@HassaanRaza]

i read the firebase documentation (which is incomplete), asked a little on stackoverflow and figured the rest out of myself 😁

[@abdullahafrij866]

Me too😂

[@abdullahafrij866]

@@HassaanRaza genius bro u re

[@HassaanRaza]

@@abdullahafrij866 thanks man

[@tuananhdo1870]

The official docs is just very lackluster

[@HassaanRaza]

why not use firebase queries to sort out list of data? watch the new video now: kzbin.info/www/bejne/eWW9n4d5nppjmMU

[@HassaanRaza]

Check Out The New React with Firebase 9 tutorial: kzbin.info/www/bejne/Z4Wsh5d_hK6LbJY Check Out Complete Playlist For Version 9: + Realtime Database: kzbin.info/aero/PLrb70iTVZjZMQGywkJ8nsXG7_ZyHc_rAV + Cloud Firestore: kzbin.info/aero/PLrb70iTVZjZOtt_9AMiIz-28sSNS73Yq-

[@RiyaKumari-ve9nt]

please provide code also

[@taylorbarron4950]

This is the third attempt I've made at getting Firebase to work for me and this worked right away. Thank you!

[@HassaanRaza]

awesome!

[@newmangilberts3221]

Thank you very much, this has been the tutorial I've been waiting for, but I want to have a video on listing all the data in a table with an action column where you can edit and delete each data in the web to the real time database. Thank you

[@codewithdevhindi9937]

had a lot of issues learning firebase 9v loved your excellent video keep making godly videos like this 🚀🚀🚀🚀🚀

[@HassaanRaza]

thanks man

[@shamy5188]

There is always one Indian on the internet who knows everything. 17.10.21 works. Thanks

[@HassaanRaza]

i am a Pakistani, India and Pakistan are similar but very different, its like america and england, japan and china etc.

[@shamy5188]

@@HassaanRaza sorry, just guessed by your accent)

[@HassaanRaza]

its okay :) indians are also doing great work on KZbin

[@emilianobustamante5013]

thank you so much for this tutorial!!! ive been going crazy looking up how the lbraries work and everyojne uses either old versions or methods and this video was perfect. also thank you for the text explanations in between code writing to explain certain concepts, they immediately cleared up doubts i had. amazing video! ill be sure to check out your other tutorials!!!!

[@HassaanRaza]

you most welcome and thank you too so much, your very detailed comment means alot.

[@harolddavidson5598]

Great tutorial. I really enjoyed it. It helped me create a data entry UI for a mobile app that I'm building. Thanks a ton!

[@HassaanRaza]

thats great :)

[@samiulhaqqq]

Finally, I was able to work firebase 9 real time data base with react. Thanks

[@ttnsmrnv4137]

Thank you so much! Very useful tutorial. A very clear explanation to understand the connection to Firebase and manipulate data.

[@sammybammy52]

Thank you very very much bro, ive been trying to get this done for a long time and you have made so easy

[@HassaanRaza]

super good to know :)

[@lrajoo11]

great! a version 9 playlist. you're a lifesaver brother

[@HassaanRaza]

hehe saving lives since 2019 😆

[@jesusgarcia6178]

Very concise and easy to understand and execute, I congratulate you, I hope you continue uploading more of firebase. 👍

[@HassaanRaza]

thank you :) i will upload more of these till than you can check out the playlist it already contains many useful stuff.

[@tahsinahmadsadik5604]

Thank you so much. The best firebase tutorial I have ever seen!

[@HassaanRaza]

thanks for praising :)

[@SalmanShah95]

Alhamdulillah Finally it works! Thanks bro keep it up.

[@gregdev3314]

Many thanks. I'm building a smartphone app with Cordova and it works perfectly!!!

[@melincognito9560]

Thank you, this was a very clear intro to connecting and using firebase to store/manipulate data :)

[@HassaanRaza]

your comments really matter to us creators, it motivates us to keep going on!

[@kw7814]

Oh my god after 3 hours of finding no solution you came to the rescue!!! Thank you sir!!!!

[@HassaanRaza]

that's awesome, glad to help :)

[@RafaelRodriguez-jq3wc]

Thank you for your effort, I've been searching a lot about this but this help from you was the only way I could get arround about how deal with firebase db and JS

[@HassaanRaza]

thanks for writing such a long comment brother 😄

[@world40123]

Thank you so much for this video. It really very useful to understand Realtime firebase database

[@HassaanRaza]

You are welcome! :)

[@surajtech1100]

thanks dude i got stuck and watch your video and get clear everything.

[@chillaxseeyou]

i have this problem when fetching the data from firebase ,its not shown but when i inspect there no any problem

[@HassaanRaza]

put alert() in function and check that the function is triggering or not. also try to print the snapshot retrieved from firebase in the arrow function in console log

[@my_fitter]

Thank you for making this amazing video it has helped me to finally understand how to connect to Firebase and manipulate data. At last I can move on to better things!!! Thanks again.

[@HassaanRaza]

that's great, good luck with whatever you are doing :)

[@Cofe4RealinIgbo]

You are too much.... You but the lesson in such away that even a complete beginner will understand every step. Thanks so much

[@HassaanRaza]

You are welcome! :)

[@oshotz]

TIMESTAMPS: 0:00 - Intro 0:25 - Database Setup 1:24 - HTML Setup 2:28 - Firebase Configuration 3:14 - Modular Imports (Note: he forgot to import "get") 4:41 - *** SET *** 7:03 - Event Listeners + CSS Cleanup 8:15 - Create the Database 8:40 - SET Testing 9:08 - *** GET *** 12:21 - GET Testing (with errors) 13:26 - GET Testing (working) 13:36 - *** UPDATE *** 14:35 - *** REMOVE *** 15:08 - SET / GET / UPDATE / REMOVE Testing 16:12 - Outro

[@HassaanRaza]

even included outro 😆

[@puneethrao7520]

Type error: cannot read properties of undefined('reading stdName') I'm getting this error while select is clicked

[@HassaanRaza]

this error means it cannot find the element either you have given the wrong id, or wrong reference, like id=abc and your are saying Abc, thats wrong.

[@noer-man]

thank you bro, you really helped me learn firebase

[@MrAlvaro1900]

Thanks friend, excellent video, greetings to Pakistan from my country Bolivia !!!!!

[@HassaanRaza]

good (day/night) to you friend :)

[@MrAlvaro1900]

@@HassaanRaza It's daytime, buddy, and your video has arrived just when I needed it most.

[@HassaanRaza]

haha that's awesome, we have midnight here.

[@kvsec1337]

Ohh Thank you brother, I'm searching for ver 9, thanks a lot .😍

[@stevev9221]

Thanks @theamazingcodeverse! Great tutorial that made me finally understand Firebase Realtime Database CRUD operations! One question is in the Firebase configuration object, you don't need to add the 'databaseURL' property?

[@Kamil41873]

You saved my life. Thank you so much brooo. It's working.

[@HassaanRaza]

that's super good to know :)

[@amiableperson5186]

Thankyou so much for this video ....You Solve my many issue regarding firebase.

[@HassaanRaza]

good to hear that :)

[@kapilvirat4443]

thanks from my bottom of the heart . its very very useful for my project

[@HassaanRaza]

very good :)

[@atrikashow8118]

very beautiful and helpful video. if you will explain get, ref.... it will more compact video. Although it is a really good video .

[@effymichael95]

This was the best tutorial! Thank you so so much!

[@HassaanRaza]

You're so welcome!

[@user-qe8cx8cv8f]

error is coming on select data code that dbref is not defined anyone pls tell what can i do now

[@HassaanRaza]

const dbref = ref(db) its a variable that takes firebase ref function and db means db configuration which you have defined.

[@ab123-j7v]

thank you very much bro amazing and simple

[@darlinmanuelcasadoperez1092]

Thank you so much, this video was very helpful!

[@katyakakash5700]

I love you so so so so much this tutorial saved me...

[@HassaanRaza]

love you too XD

[@phamphu1753]

Hello!. I have a problem with your code at 5:24 at line 69 is : " uncaught typeerror: cannot read properties of null (reading 'value') ". I have a question that is where you defined the "value"

[@01ALPHA]

getting this error -- snapshot is not defined how can I solve it ?

[@TheAlibaadshah]

once again love you bose for making this tutorial. in new viersion and again my Question is if i save a same record as roll no. then show alert message this roll no. already saved use an other roll no. thank you please if you can ....

[@anwarsayed6962]

very informative thank u

[@valentinfournier5935]

" set failed: value argument contains undefined in property " help pls

[@HassaanRaza]

debug the code find, where the error is.

[@Akshat_jain1008]

Amazing bro you are ❤❤

[@GoldenJet3344]

Bless you my good sir you saved my 9 hour trying to make old firebase vr. code work sorry a$$

[@HassaanRaza]

hahaha that's good it took me a while to get the code together, firebase doc sucks.

[@GoldenJet3344]

@@HassaanRaza sir is there any way to add push() to your set(ref()){} code?

[@hindustanibhau6792]

Thank you sir. You did save my lot of search time

[@aeideevie6237]

Thankyou very much, this was really helpfull. Best video

[@asepbensin1469]

thanks for the tutorial,for me it's very helpfull

[@jimmymason7461]

Great tutorial. Now I'd like to query data of all students from a Section, so I changed rollbox.value to secbox.value, but got "No data found" even though the Section has the student's Name, RollNo, etc. Would you please advise me on how to do this query?

[@HassaanRaza]

kzbin.info/www/bejne/eWW9n4d5nppjmMU this video is about what you are talking about.

[@dannywilson9604]

Really good tutorial with all the things i need thanks alot

[@cgutopia1655]

hello sir your video are very helpful thanks for your great effort! I have seen more of your videos on Realtime database but I didn't get product list pagination or load more product button tutorial on v9 also search product from product from database and on click go to product detail, please give us tutorial on this thank you

[@josephj.mirandan.9489]

Thanks for the video! You are awesome. Great tutorial

[@HassaanRaza]

thank you so much!

[@loranetwork]

which are better to implement, modals on html with javascript or modals on react???

[@SandeshMotoVlogs]

Sir plz make a video on how to upload and download images/videos to Firebase storage🙏🙏

[@HassaanRaza]

i will take some time, i record on weekends, its hard for me to manage time, but it will surely come.

[@alfredabogado]

idk why but the select button can't show my wanted rollnumber.

[@sajanakavindawickramarathn7199]

Thank you very much. I’m gonna try this out now.😍

[@sajanakavindawickramarathn7199]

woowww. You are a genius. This worked really well for me. Thank you for this precious video and for making it quick. Thanks again and best regards. :)))))

[@HassaanRaza]

happy to know :) keep supporting

[@sajanakavindawickramarathn7199]

@@HassaanRaza of course I will. :))) you are the best person I found to do this kind of videos. Very clear and compact content. Great teacher.

[@bhaskererrab7220]

thank u i was searching for this video

[@renatobravo84]

Gracias por tu contenido amigo, saludos desde Chile.

[@HassaanRaza]

gracias por tu comentario :) soy de Pakistan

[@raspicc]

Muchísimas gracias me has ayudado, saludos desde Perú.

[@HassaanRaza]

Encantado de ayudar :), soy de Pakistán

[@rodrigo1300]

Man I'm in love with your background gif. Where did you find it?

[@HassaanRaza]

it runs through a software steam wallpaper engine which you can buy from steam store, the wallpaper is called bonfire

[@jhonpaulluceno8257]

how to add automatic id value not a name?

[@sealtielorionrodriguez7186]

Hello and thank you for the tutorial, i only have a question, i follow the steps on making the insert function as well as the database setup but when i try to inserting data and clicking the insert button an error shows like this: Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.InsertData. it is a big help to me because im trying to learn firebase, thank you very much

[@yaqeenhamadat247]

How i can fetch data into android via firebase , the data come from external server ?? Plz i need help Answer me if you can

[@sapnakose]

How we generate Reading value dynamic graph with firebase but when we update firebase value then graph varry without refresh Page any video?

[@prathmeshadsod629]

My path is set(ref(db , "users/" + userId) ) ...... but it is giving this error validation.ts:352 Uncaught Error: child failed: path argument was an invalid path = "users/[object PointerEvent]". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"

[@mkilphewer2425]

How did the other three buttons except INSERT work without button click event listener.I didn't see you adding event listener to the other 3 button. Could you help me bro I'm new to coding

[@HassaanRaza]

actually the video was cut a few times because of some mistakes otherwise you can see that after 15:00 i have added all the events without them the buttons will not work

[@mkilphewer2425]

@@HassaanRaza wow now i found it there...was that code actually there before when i asked you?....

[@adnanshah6471]

sir thank u so much u really helped me out keep it up 👍👍

[@HassaanRaza]

great! long live Pakistan :)

[@willymalkias7638]

I get an error said that Cannot read properties of null (reading 'value')

[@HassaanRaza]

doing something wrong with the references even one character wrong in the id can cause this, "this" and "This" is not same

[@atuk5854]

please I trying to write the same code and it not working. Is it that I have firebase version 9.1.3? or something else. B.T.W. sorry for my english

[@HassaanRaza]

it will work for all version however, i have use two import, it is must that both should contain the same firebase version

[@yogeshlate4748]

Thank You Brother! New Subscriber Added to Family!!

[@HassaanRaza]

Yo 😁

[@dharmatejagurram9259]

Helped a lot. Thanks :)

[@diyarparw8264]

Thank you for this good tutorial.

[@CraftingGems]

Thanks a lot for the video

[@jaysontabingue9856]

hello sir i got some error, can you help me. Cannot read properties of null (reading 'value') at HTMLButtonElement.InsertData

[@HassaanRaza]

this error means it cannot find the element either you have given the wrong id, or wrong reference, like id=abc and your are saying Abc, thats wrong.

[@AnimexS0ngs]

shukrya sir😊

[@7coach]

This video is for Realtime Database. How to deal with Firestore Database the same operations?

[@HassaanRaza]

kzbin.info/www/bejne/sF7TqquFrZicZ9U

[@adityakoparkar]

Really awesome tutorial. To the point explanation. Do you have any place where you have uploaded the code? It is easy to modify in place and check how it all works!

[@HassaanRaza]

currently no. but working on it

[@ezekiellati5257]

Is there any way to insert a integer data type?, it seems that whenever I input a number it always sends as string

[@HassaanRaza]

for example you are sending inp.value, instead Number(inp.value)

[@ezekiellati5257]

@@HassaanRaza thx, it really helps

[@shivamsuri3341]

Hey bro, realtime database in firebase many times throws an error Client is offline. I am not able to fix this error. Please suggest something.

[@ashiqahamed513]

I have error client is offline. Anyone help me

[@HassaanRaza]

it sometimes happens for no reason just refresh your page once or twice.

[@ashiqahamed513]

@@HassaanRaza I am using react and I many times refresh my page but I got same error

[@premautubechannel1273]

Thank you so much it is working..

[@emirhan86861]

Hello Im really thankfull to see your tutorial and I have a question. How can we write the script in another file and call it in the html page

[@sandee9243]

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') help me pls

[@HassaanRaza]

check ids of all button, if it matches your references in javascript.

[@satellitesage2487]

Is there a way to put the js code in a separate js file without using a server? It's quite messy to put the js code inside the html file, especially if the app is a lil bit big. Nonetheless, thanks for the tutorial!

[@sirintruder4852]

have you found a solution?

[@darkclove7365]

If you for whatever reason choose to have the database stored in any other region than the US, you have to set the databaseURL property in firebaseConfig const firebaseConfig = { xxxx: "xxxx", xxxx: "xxxx", databaseURL: "url that's in the realtime database page at firebase" } Without the databaseURL property the config default to US.

[@antonskorin9568]

Great tutorial!

[@SalmanShah95]

Bro will it work on version 9.6.8? I mean the current version?

[@HassaanRaza]

yes, it works for the current version.

[@SalmanShah95]

@@HassaanRaza Ok thanks

[@skandasuresh8941]

The video is totally awsome...............but if I try to add the script tag in the new file(ex: something.js) and declare the references, I am getting an error message of ("Uncaught ReferenceError: set is not defined at HTMLButtonElement.insertData") how to fix this

[@HassaanRaza]

import statement only work in the current script scope, so functions are only valid in that script where you defined the import statement

[@swaroopmuralidharan525]

Thank you!

[@Bonomax85]

is safe to put all the credentials inside a public html ?

[@ahmedolukorede3846]

Nice work there! Do you have anything (maybe in plan) about using Firebase emulators (i.e. without using data connection)?

[@HassaanRaza]

i don't know about emulator.

[@Rutchata99]

Thank you very much sir. And I have some question, how can I update the realtime data without refresh my web app.

[@HassaanRaza]

next video will be about that it will be released on Friday

[@Rutchata99]

Good to know that sir, thank you again for a great video.

[@karanpreetsingh2476]

Hi Brother, Can you make one chat tutorial for 2 signed in users please

[@abusolo_3255]

thank you so much :D