Getting started with the Firebase Realtime Database on the web

Рет қаралды 106,082

Күн бұрын

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;

Пікірлер: 54

@k.k9206 Жыл бұрын

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

@kaitlinzhang1378 2 жыл бұрын

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 2 жыл бұрын

Always so helpful ❤

@osnielkyroque5367 11 ай бұрын

Really well explained!, thanks

@jeremyheng8573 2 жыл бұрын

thanks firebase team for the helpful explaination

@Firebase 2 жыл бұрын

Our pleasure!

@munzilirrohmah6425 2 жыл бұрын

Thanks Andrea!!

@antonmarinov6091 2 жыл бұрын

Thanks for this tutorial!

@Firebase 2 жыл бұрын

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

@hypocriticdragon2061 2 жыл бұрын

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 2 жыл бұрын

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?

@vijayalaxmiise1504 Ай бұрын

Thank You So Much Madam

@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.

@geeksawbr Жыл бұрын

Thanks

@youssefultr 2 жыл бұрын

data is not displaying in realtime database can someone help ?

@marioslb Жыл бұрын

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

@teddynational2383 Жыл бұрын

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

@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?

@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?

@ryanallan9861 Жыл бұрын

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

@user-qp6yp4qk9i Жыл бұрын

tysm

@BostYT 2 жыл бұрын

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

@davidparnell1893 2 жыл бұрын

Wow...a very logical presenter...

@GoldenJet3344 Жыл бұрын

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

@Jaybaas Жыл бұрын

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

@CNamgyel_12 Жыл бұрын

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

@youssefultr 2 жыл бұрын

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

@plainpablo4559 7 ай бұрын

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

@meonitelexdee3432 2 жыл бұрын

But why choose this over firestore?

@labialkosta261 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

@@stasoline so then realtime is much cheaper?

@worldclasscode1847 2 жыл бұрын

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

@user-nb2ll8fp7l 4 ай бұрын

how to upload mathematic and physics equation to firebase database

@olegyanusik5749 2 жыл бұрын

Hey, how to remove listener(onChildChanged)?

@Firebase 2 жыл бұрын

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

@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 10 ай бұрын

can you share the tutorial?@@OkoliEvans

@ukuakpan3277 Жыл бұрын

it's not working out for me

@worldclasscode1847 2 жыл бұрын

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.

@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

@solution001 2 жыл бұрын

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.

@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?