The Firebase Realtime Database and Flutter - Firecasts
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- Let's add the Firebase Realtime Database to your Flutter app! This tutorial will cover basics like installing the library, writing and updating data, and reading your data in realtime, and then it will cover other important topics like using the Realtime Database with StreamBuilders, FutureBuilders, Providers, using the emulator suite, security rules, and much more!
Chapters:
0:00 - Introduction and our new format
0:53 - What database should I use?
3:47 - The Realtime Database data model
7:35 - Installing the library
10:23 - Writing to the database
14:19 - set() vs update()
17:22 - Appending nodes
20:22 - Reading in data
24:34 - Adding in null-safety
25:03 - Fetching larger records
27:44 - One-time fetching
30:24 - StreamBuilders and FutureBuilders
37:20 - Separating data and display logic
40:10 - Using a Provider
47:06 - Thinking about your data
49:09 - Security rules
51:57 - Using the emulator
55:36 - The FirebaseAnimatedList widget
58:31 - Conclusion
Resources:
Documentation → goo.gle/3ziSc1x
The Database Decider page → goo.gle/37t4eJ9
The Realtime Database for SQL developers video series → goo.gle/36NaY4U
Getting started with Firebase on Flutter →goo.gle/3zbjF52
Best Practices: Arrays in Firebase → goo.gle/3rkQTvY
Firebase security rules video → goo.gle/32exFee
Getting started with the CLI → goo.gle/3ilEILs
Watch more Firecasts for Firebase Developers → goo.gle/Firecasts
Subscribe to Firebase → goo.gle/Firebase
#Firecasts #Firebase #Flutter
product: Firebase - Realtime Database; fullname: Todd Kerpelman; re_ty: Publish; - วิทยาศาสตร์และเทคโนโลยี
![[TH] LEV vs TLN | TE vs VIT - VALORANT Champions 2024 DAY 3](http://i.ytimg.com/vi/_AbmrWv2lO0/mqdefault.jpg)
Life-changing tutorial. The presentation is clear and simple. I like that it’s only one hour-perfect amount of time to explain this type of topic.
Glad you enjoyed it!
TODD I'VE MISSED YOU😭😭😭
Awesome and comprehensive explanation with the nice examples!💪🏻That's what we developers really love ❤️Appreciate the effort, Todd 🙏🏻
Glad you enjoyed it!
Great video. I love how you include relevant use cases for your examples.
Yes, Please! Keep it lengthy & comprehensive. We want to get all the knowledge in one place.
Great work ! I rarely enjoy watching tutorial videos, but this one was 100% enjoyable.Especially the sound when you change screens :D .
Had issues using Firebase Realtime Database until this video. I enjoyed watching it and have been able to get proper understanding of its usage which I'll proceed further by reading the documentation. I also think making a longer in depth video like this one is much better than shorter videos.
This is great, love the long format
Perfect tutorial! That's really a very informative one, I thought I am good with RTDB, but after watching this, I've realized that I've missed lots of good stuff!
Thanks Todd
Great to hear!
I really like this kind of videos. Very good explanation! Keep up the good work!
You make great videos. They are really fun to watch, while being very educational.
The problem I have with Firestore is the limited querying capabilities. Compared to SQL - it's like a toy, not suitable for "real application".
Some examples:
1. No way to count records, without fetching them
2. Cant query by comparing two fields of the same doc
3. Cant query for doc which lack a field (which would be useful for maintaining a denormalized data-model)
4. No uniq costraints
And so on
Is firebase database suitable for searching data and presenting that to users? I want to store my customer data in it.
This tutorial below my mind! Awesome work, Todd!!
Nice. Many basic but certainly good things in this video.
The addition of the optional pattern designs was cool too.
One problem of this longer videos is that there is a greater probability of them being too (dated) specific to the software versions used in it, but i still think that it brings great value to the channel. Why worry for something that hasn't come yet? Nobody would do anything that way.
The ideal would be to keep the two formats (short and long videos).
And use them according to the occasion.
I like this new presentation format and nicely explained. Thank you.
Glad you liked it!
Very good video, it even answers one of my question on StackOverFlow about how to convert DataSnapshot to a Data model object !
Format is really nice, and explanations really clear, i was simply hoping you would cover the RTDB scaling / Sharding data but i guess this will be for another video 👌🏻
this might be the best guide I've ever seen
Finished the video woooo. It's 2328hrs on a school night ,but well worth it; the video answered a tonne of questions.
I really like this, basic but covered many important things.
Thanks for taking the time to make this video.
Glad it was helpful!
Finally some good realtime database tutorial ✊
Thank you, Todd! Great tutorial! Great job!
Glad it was helpful!
Is any solution for write limit per second on Firestore (use Pub/Sub?)...The transaction 'batch' count 1 write on commit or N writes if the transaction contain N write operations? Thanks for the video!!
I learned so much here. Thank you
Glad it was helpful!
This was a fantastic video!
Thank you!
Excellent Tutorial!
Glad you liked it!
make it longer, and cover more stuff. please!
YEP make LONGER btw love your explanations ❤❤❤❤❤❤
Best explanation on the Internet!!!
Your Video is very helpful and very easy to understand thank you so much for this great video and explanation ❤❤
Great video
Good job!
amazing tutorial
Ok now this video but for Firestore please!
Adding a section for best practices, really complex queries, best practices for common data structures (user-profiles, chats, foreign-key referencing, mapping/location, JSON maptype, timestamps, etc, etc)
very helpful video ❤
Glad you think so!
longer videos are needed!
Thank u. I have one Question. When using push().set(), if I want to get added document key, what should I do?
So which kind of way should I use to read the real time database, the Stream builder or the Provider way
Thank you for the explanation sir
This is awesome!!!!!
Love it ✨👍
Thank you! 😊
Very nice. Thank you :)
Welcome!
23:00 . it does not happen immediately. it takes 1 sec to replace the original text" results go here" with the downloaded string from realtime database. is there a way to show directly the downloaded string?
thank you !
This videa is amazing. Thank you
The getter 'snapshot' isn't defined for the type 'Event'. I keep getting this error with StreamBuilder
have you solve it?
To me one-hour is the sweet spot.
love this video thank you
Sir u told us one option of using futureBuilder.
Does it allow realte update on ui??
what about how to integrate App check with flutter ?
Is there a way to get a copy of the code?
Hi I need help . When I wrote one sentence for example name 1. Value ." I like football" I can see only one word "I" in my application how can I fix please
When is flutter web support coming for real-time database?
Much needed!!
Isn't it by now?
Love it
Unhandled Exception: missingPluginException error on firebase_database
please need help its been a week having this problem
thanks a lott!!
when I access orders/abc/price , does it load the other children of "abc" as well? or only orders the "price" child of "abc" ?
The Realtime Database loads the path you read from and the data under it, but not the data above it. So in your scenario it'll only load the price and not any other properties of `abc`.
What is the VSCode theme you are using?
yes, make them longer and cover more stuff. with respect to your docs, this just seems better
In 26:13 I have an error when typing "final data = new Map.from(event.snapshot.value);" saying that The argument type 'Object?' can't be assigned to the parameter type 'Map How can I solve it please?
Me the same, do you already have a solution?
8:28 When you back these version, you can use it. I was using last version and get same error. I couldn't fix it so I change the version of firebase_core and firebase_database
Just use this
final data = Map.from(event.snapshot.value as Map);
Thank you, Tanika..you saved me a lot of time!
@@tanikagulati307 When I try to access data like shown above I get this error:
Expected a value of type 'String', but got one of type 'Null'
I can print data and I see the giant JSON object that I'm querying but I can't access any fields from my json object..
I have built a few streambuilders using this tutorial for guidance, but when the user hasn't yet entered the data that the stream takes, it returns the error type 'Null' is not a subtype of type 'Map', how to I get around this? All methods I have tried fail to stop this error.
@@chicagoworkscom I ended up using shared preferences to store a local int that tracked how many times data was stored (or removed) by the user, anything above zero and it would run the stream builder, other wise a placeholder image. The problem with your solutions is it comes back with a snapshot with some data, somehow. I would of imagined they would have a better solution to this and documentation to go with it. Was also frustrating how his example should of shown this problem when the database doesn't yet have data. Appreciate you looking into it! I have had so many issues with real time data base and how it works. getting there tho!
Min 25:50
I can't do that... it still gives me an error
The argument type 'Object?' can't be assigned to the parameter type 'Map'.
Instead of:
Map.from(snapshot.value);
Use this:
Map.from(snapshot.value as Map);
This will cast the Object into a Map
@@TheAhmed710 dayyyumn ,life saving!!!!
@@TheAhmed710 thanks! but when real time db is empty i got an error : type 'Null' is not a subtype of type 'Map' in type cast.
Why can't I choose another region for realtime db? region Australia is needed!
more the better
Good to see this lesson
Thanks for watching
type 'Null' is not a subtype of type 'String'
The relevant error-causing widget was
StreamBuilder
I get this error in stream buidler
cool !!!
Is there a git repository for the project?
Exception is thrown anyway -> The argument type 'Object?' can't be assigned to the parameter type 'Map at line 25
Same problem I'm having
@@adelnehikhare4071 its outdate... flutter 2.5 came in spt
Longer, more in depth videos!
I am struggling to retrieve the data from FB realtime database, always stuckup at Unhandled Exception: type 'List' is not a subtype of type 'Map'...kindly help
Can I use flutter with firebase sql instead of firebase NoSQL?
Great video, but I think there should be a link in the comments to the completed code project. Having to pause the video every few seconds to compare my code to yours is frustrating and frequently leads to long trips down the rabbit hole while I try to figure out what you've done that's just off the top or bottom of the video screen.
Short and to the point thanks. 1 to 3 min max.
When will be the flutter windows and linux support?
Hey! How to get the auto generated Unique-ID?
Hi! You can find information about how unique identifiers work through our Firebase blog here: firebase.blog/posts/2015/02/the-2120-ways-to-ensure-unique_68
Is it just me that gets a lot of errors when trying to implement the exact same code in my apps ... ?
The videos are great, no doubt, but sometimes it just doesn't let me compile
Amazing overview. Maybe give a warning about set() since it can wipe your entire DB if you don't know the difference between set() and update() yet :P
how to get the source code
Finally...
code for main dart is not clear
why cant we use reference() now??
use .ref()
@@samorket8091 thx :)
make it longer. please!
Make it longer and cover more, the more the merrier
Flutter is only at its dawn imagine it in 3 years. Program a Space Rover
the DataSnapshot object is severely underspecced, missing many methods in the official SDK like child(), hasChildren(), forEach()
I would like more in-depth videos, but it should be a series of videos. I don‘t like to open one video to see within the description the covered topics/areas. The video title should show the topics.
At 8 minutes in you reference another video "go watch that video now", but its not clear what video is being referenced?
I thought Realtime was about to be discontinued in favor of Firestore?
Longer, more in depth videos
40:00
THOSE SHORT VIDZ ARE FOR TIK TOKERS ...We are programmers.
get for ios returns all nodes , not the one that you are interested in. this is a bug .
outdated
Please make the videos short
// make long and detailed Videos
If(Video.long){
Video.better();
Video.wellDetailed();
}
3 hours should be the standard video duration.
TMI - I just needed to learn how to use firebase and flutter. Being experienced in firebase, I wasn't needing the intro.
final data = new Map.from(event.snapshot.value); return error The argument type 'Object?' can't be assigned to the parameter type 'Map, anyone know why?
I get the same error
[UPDATE] I fixed the problem in this way: (event.snapshot.value) as Map
In the stream publisher don't forget to create an empty list and check is the snapshot exists so it will not crash when there's no items in the database.
Example:
Map ordersMap = {};
if (event.snapshot.exists){
ordersMap = Map.from(event.snapshot.value);
}
final data=Map.from(event.snapshot.value); doesn’t work for me . It shows error: The argument type Object? can’t be assigned to the parameter type Map…. Any solutions?
Me too.
I tried this: final data = event.snapshot.value as Map; The compile error went away but it cashed with this: Unhandled Exception: type '_InternalLinkedHashMap' is not a subtype of type 'Map' in type cast.
Here you go. Change the firebase_database dependency from #^9.0.2 to 7.0.0.
firebase_database 8.2.0 works (released 8 days ago) 9.0.0 and higher does not (released 2 days ago, and 17 hours ago)
@@chuckh9857 i tried making it 7.0.0 and it ended up giving me errors ill try this thanks alot friend