Getting started with the Firebase Realtime Database on the web

In this episode of Firebase Fundamentals, Andrea Wu will show you how to get up and running quickly with Firebase Realtime Database in your web application.
Chapters:
0:00 - Intro
0:57 - Console Setup
1:55 - How Firebase Realtime Database stores data
3:13 - Adding and initializing Realtime Database
4:04 - Write and update data
5:26 - Read data
6:09 - Handling lists
7:39 - Child events
9:34 - Open source libraries
Resources:
Getting started with Firebase for the web → goo.gle/3JkeogT
Firebase web documentation → goo.gle/3I8JbMo
AngularFire → goo.gle/3CSpNlN
ReactFire → goo.gle/3MWJqh5
VueFire → goo.gle/3u2WFV1
Catch more Firebase Fundamentals → goo.gle/Firebase-Fundamentals
Subscribe to Firebase → goo.gle/Firebase
#FirebaseFundamentals
product: Firebase - Cloud Storage; fullname: Andrea Wu;

[@k.k9206]

This video tutorial is great and helped me a lot with learning firebase.

[@kaitlinzhang1378]

Thanks for sharing this great tutorial!

[@travahnetshisaulu3101]

Thank you very much, i like the fact that is a simple task i find it hard to learn lots of information at the same time , is always the best to learn step by step

[@abdulrahmanalniema7182]

Always so helpful ❤

[@osnielkyroque5367]

Really well explained!, thanks

[@hypocriticdragon2061]

Hi, I might just be missing something, but what is going on when you call updateDistance() (at 5:55)? I don't see the method implemented anywhere

[@maryalvarez3692]

A question regarding the Firebase panel, is it possible to make a crossover of event parameters? That is to say, if I have a parameter that is type of users and qr code associated to an event that for example is "that they have made a form"? I can make a cross between both parameters to know which user has visualized a qr inside the form?

[@munzilirrohmah6425]

Thanks Andrea!!

[@antonmarinov6091]

Thanks for this tutorial!

[@Firebase]

You're very welcome, Anton! Don't forget this resource when learning Firebase for the web: goo.gle/3JkeogT

[@jeremyheng8573]

thanks firebase team for the helpful explaination

[@Firebase]

Our pleasure!

[@youssefultr]

data is not displaying in realtime database can someone help ?

[@marioslb]

I was having the same issue, make sure the user is logged in.

[@vijayalaxmiise1504]

Thank You So Much Madam

[@redhen]

I'm struggling to use the onDisconnect event -- to simply remove a user from the realtime database. No documentation I can find helps with the new modular design of firebase v9. Can anyone help?

[@teddynational2383]

Where is the start up code in the set up video linked to the video in the description?

[@ryanallan9861]

at 8:47 where do you get the postId from. I'm spcifically having trouble with onChildAddded because it is triggering twice

[@rufatabbasov]

I did everything watching your videos and reading the documentation and even copying and pasting the scripts but unfortunately couldn't write a single word to my RT Database. I even tried both (npm and CDN) methods. Where can be the problem? Do I need to format my PC?

[@BostYT]

Hey guys, can you make tutorials on orderByChild/orderByValue with RTDB? Thanks!

[@geeksawbr]

Thanks

[@mrrolandlawrence]

awesome tutorial. now i wish so hard google would make a similar wrapper for postgres. im a DBA and still like keeping logic server side with stored procs & triggers. giving system users table access still gives me shivers.

[@youssefultr]

i swear i'm doing the exact same steps but still data is not showing in realtime databse please help me

[@rafeeqweideman3821]

firebase is with out a doubt broken

[@GoldenJet3344]

how can I add the push function to the set(...),{...}?

[@user-qp6yp4qk9i]

tysm

[@davidparnell1893]

Wow...a very logical presenter...

[@worldclasscode1847]

Please add source code to download, and a PDF with installation instructions :) It's always good with a CRUD source code with Create, Read, Update, and Delete :)

[@Frank_van_Puffelen]

A tutorial on such a specific topic is a bit much, but if you have a specific problem getting these operations to work for you and post a repro of that to Stack Overflow, I'll take a look.

[@OkoliEvans]

Have been trying for days to upload data to realtime database, still no success. Even after watching this video, it still doesn't work.

[@OkoliEvans]

I can share the link to GitHub repo for anyone to take a look... hopefully he can see where the bug is coming from

[@Jaybaas]

I’m having the same issue. Please share GitHub link to repo/issue. Thanks

[@OkoliEvans]

@@Jaybaas I got the issue resolved using another tutorial video.

[@vardhanbhavsar5512]

can you share the tutorial?@@OkoliEvans

[@CNamgyel_12]

I need a little help please. My firebase is kind of different from the video. Almost all UIs look different.

[@Jaybaas]

Real-time Database read and writes are not functioning even with the above code. Please help

[@meonitelexdee3432]

But why choose this over firestore?

[@labialkosta261]

Better querying and more structured data, Designed to Scale, Easier manual fetching of data, Multi region support and mooore, check the doc for that

[@stasoline]

Firestore is better in every way except for billing. If your app needs to read hundreds or thousands of documents the bills add up quickly. Even for a basic chat app you might see several hundreds of reads. To not even talk about multiplayer games which need to sync state in realtime. Realtime database bills for bandwidth used which can make the difference between a $10 bill or a $30 000 bill at the end of the month.

[@meonitelexdee3432]

@@stasoline so then realtime is much cheaper?

[@worldclasscode1847]

@@meonitelexdee3432 Is it better, and cheaper? Should I use Realtime in my next tutorial webshop?

[@plainpablo4559]

is there anyone getting this error Uncaught SyntaxError: Cannot use import statement outside a module (at firebase.js:2:1)

[@olegyanusik5749]

Hey, how to remove listener(onChildChanged)?

[@Firebase]

You can detach listeners by calling the off() method, here's the documentation for it: firebase.google.com/docs/database/web/lists-of-data#detach_listeners

[@user-nb2ll8fp7l]

how to upload mathematic and physics equation to firebase database

[@solution001]

With Typescript wanting to use comments as code. I think this is a problem for Firebase, yes? Because firebase hosting reads comments too? Maybe we should tell Microsoft not to use comments to build web components, before they start doing that.

[@joshua-nf3rx]

Hello- My developer is based in Ukraine. due to the war I removed my credit card info with google console firebase. I entered a new credit card last week and my developer said the database was gone as well as our back up. Is there a way to restore my database? Thanks in advance

[@ukuakpan3277]

it's not working out for me

[@Brlitzkreig]

It would have been good to include a github repo

[@lucutes2936]

but i want to see how you use the Firebase tool itself, not programming it

[@aqs9752]

What a disgusting tutorial, this is not a real app management, this is only dummy. Why not talking about using and exporting functions between files, which is more realistic?