100 Firebase Tips, Tricks, and Screw-ups

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ค. 2024
  • Top 100 Firebase Pro Tips 🔥💯. Optimize your app for performance, costs, and developer happiness - and avoid common mistakes fireship.io/lessons/firebase-...
    🍍 Firebase firebase.google.com/
    🚀 Firebase PRO courses fireship.io/courses/
    Leave a comment below with your best Firebase Tip for a chance to win a free T-shirt.
    #top100 #firebase
    Take the Firebase quiz 🤓
    iOS itunes.apple.com/us/app/fires...
    Android play.google.com/store/apps/de...
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 256

  • @rubenheymans1988
    @rubenheymans1988 4 ปีที่แล้ว +688

    thanks Jeff, now I have to rewrite my entire app

    • @Fireship
      @Fireship  4 ปีที่แล้ว +62

      Haha, sorry about that

    • @olearycrew
      @olearycrew 4 ปีที่แล้ว +7

      Honestly...same

    • @sirshredderkyle
      @sirshredderkyle 4 ปีที่แล้ว +7

      Yeah, thanks a LOT JEFF!

    • @sexyeur
      @sexyeur 4 ปีที่แล้ว +1

      Lol

    • @Chiefsosa17
      @Chiefsosa17 3 ปีที่แล้ว +7

      Thank God I'm about to start my app now

  • @Fireship
    @Fireship  4 ปีที่แล้ว +301

    This is the longest TH-cam video I have ever made 😅. Putting together 100 tips was a challenge, but I'm sure there are plenty I missed...

    • @ian4175
      @ian4175 4 ปีที่แล้ว +5

      Fireship like number 6? Awesome video thanks.

    • @shawnamanda4887
      @shawnamanda4887 4 ปีที่แล้ว

      Thank you for everything you are doing for this community!! Great work

    • @anonwithamnesia
      @anonwithamnesia 4 ปีที่แล้ว

      Ian Bringe lmao he really forgot 6

    • @Fireship
      @Fireship  4 ปีที่แล้ว +4

      @@ian4175 haha, good call. There are two 7s. 6 should be upgrade to blaze, set a budget.

    • @oldbootz
      @oldbootz 4 ปีที่แล้ว

      Thanks for the vid. I'm going to try firebase out for the first time now.

  • @eriktorres1745
    @eriktorres1745 4 ปีที่แล้ว +23

    Man! talk about a cheat sheet.
    This is the most valuable piece of firebase content I have come across, hands down!

  • @FidelGuajardo
    @FidelGuajardo 4 ปีที่แล้ว +9

    I thought title was a marketing hoax but there are truly 100 tips! Only Jeff could do a video like this with massive great content in under 25 minutes and so gracefully!!! Jeff ROCKS!!!

  • @YinonOved
    @YinonOved 4 ปีที่แล้ว +50

    that video should be declared as an official firebase cookbook

  • @dependersethi1345
    @dependersethi1345 4 ปีที่แล้ว +155

    Another Tip:
    Reads are calculated even when you access the Firestore data from the dashboard. By default, the first 300 documents of the active collection are read as soon as you land on the page. So make sure you do not play around on that page in a live production project.
    (You can bookmark the quota tab/ page to bypass the dashboard screen)

    • @vedangdate
      @vedangdate 4 ปีที่แล้ว +19

      I have been living a lie

    • @ShaneTheKing
      @ShaneTheKing 3 ปีที่แล้ว +24

      You can actually avoid accidentally being charged for 300 reads by creating a document named _ or something similarly low number on an ASCII chart. Firebase will open the first one in ascending order and it will save you a lot of reads.

    • @will_lowry
      @will_lowry 2 ปีที่แล้ว

      @@ShaneTheKing thanks man 🙏🏼

    • @osamaomari5556
      @osamaomari5556 2 ปีที่แล้ว

      @@ShaneTheKing can u pls explain more ?

    • @carlosduran5460
      @carlosduran5460 ปีที่แล้ว +2

      ​​@@osamaomari5556 An empty collection named "_" in order to be the first (default) collection that is shown when you open de dashboard. Since it's empty, it won't charge reads.

  • @Rong.404
    @Rong.404 3 ปีที่แล้ว +11

    There should be a checkbox when creating a new firebase project "Yes I watched Fireship's firebase video" 😂 Damn, it's so usefull.

  • @filipkowalski2183
    @filipkowalski2183 4 ปีที่แล้ว +2

    I don't remember when I was so stoked last time about learning materials. Great job with Fireship, love it! Can't wait to get through it.

  • @CyprianNziim
    @CyprianNziim 4 ปีที่แล้ว +1

    So much content to take in at once. This is so awesome!

  • @firaskudsy
    @firaskudsy 4 ปีที่แล้ว +46

    The only membership that i never regrets is fireship .. 👍🙏

    • @Fireship
      @Fireship  4 ปีที่แล้ว +3

      Thank you Firas 🙏

  • @kingsley15
    @kingsley15 4 ปีที่แล้ว +4

    That was awesome! I'm particularly interested in the Deployment and Security stuff. Noticed there are no specific playlists for those videos.

  • @CarlosMolina-bp8jr
    @CarlosMolina-bp8jr 3 ปีที่แล้ว +1

    Thanks! Every single word is gold in this video

  • @benjaminjameswaller
    @benjaminjameswaller 4 ปีที่แล้ว +9

    One more tip: grab a cup of coffee before starting! What an awesome collection of tips and tricks for Firebase.

  • @TheEkkas
    @TheEkkas 3 ปีที่แล้ว +1

    Wow. 24.5 minutes of jam-packed, useful, concise info. Thanks.

  • @harryman0412
    @harryman0412 4 ปีที่แล้ว +7

    best firebase content on youtube or otherwise. I might just become a member on fireship just to support you so you can keep making content that saves me time and headache. good stuff man.

    • @Fireship
      @Fireship  4 ปีที่แล้ว +1

      Thank you! I try hard to provide a good value for pro members :)

    • @harryman0412
      @harryman0412 4 ปีที่แล้ว

      @@Fireship It seems like you do :) I was looking through your courses and I think you've earned my lifetime subscription :) might have to wait for another paycheck or two though.

  • @zeeshanazmat719
    @zeeshanazmat719 4 ปีที่แล้ว +1

    One of the best video on Firebase... Thanks a lot Jeff

  • @agi20dla
    @agi20dla 3 ปีที่แล้ว +1

    Excellent video! Thank you. I'm new to firebase, and this will help me out a ton!

  • @hameem6845
    @hameem6845 3 ปีที่แล้ว +1

    This was insanely informative.. Well done man!

  • @frostytf2
    @frostytf2 2 ปีที่แล้ว +1

    Single handedly the most practice and useful tutorial for majority of Firebase use cases.

  • @brandonmyers2449
    @brandonmyers2449 4 ปีที่แล้ว +31

    This is by far the best content I've seen on Firebase. Better than their docs and any other article out there. You're content on Firebase is always good and this was definitely no exception! Thank you!!!

  • @FilledStacks
    @FilledStacks 4 ปีที่แล้ว +7

    Awesome Awesome Awesome! Waiting for a potential large clients response. They want to build an app with Flutter and Firebase as their backend, this will be invaluable. Thanks Jeff! Can't wait to go through the data modelling course to skill up on the NoSql modelling. I appreciate the content :)

  • @jonathanst-jean7026
    @jonathanst-jean7026 4 ปีที่แล้ว

    Holy cow. I learned more about firebase in this one video than I have in the last 3 months of reading docs and testing on my own. Absolutely awesome

  • @DanBorgia
    @DanBorgia 4 ปีที่แล้ว +1

    Liked, saved, and shared. Sooo valuable what you shared in this video.

  • @Mellowjay
    @Mellowjay 4 ปีที่แล้ว

    Just the video I've been hunting for the past couple of years! Thank you! 🙏

  • @patrickmullot73
    @patrickmullot73 4 ปีที่แล้ว +1

    Super cool Video! Pretty mind blowing given its speed!
    Thanks for the shout-out, btw!

  • @moilafreus
    @moilafreus 3 ปีที่แล้ว

    Wow !! Definitely the most useful video i've seen in a long time ! Thank you so much

  • @javascript_developer
    @javascript_developer 2 ปีที่แล้ว

    I just finish half of the video and couldn’t stop myself from commenting to appreciate your effort. Thanks a lot. I would need to change a lot of thing in my project.

  • @RobertBrunhage
    @RobertBrunhage 4 ปีที่แล้ว +8

    Awesome video, tip 56 (12:59) is my favorite, it was a real pain to do this before the increment FieldValue!

    • @Fireship
      @Fireship  4 ปีที่แล้ว +2

      For sure, it is super useful :)

  • @DavidLarsenDr
    @DavidLarsenDr 4 ปีที่แล้ว +2

    Wow, awesome video - so helpful, now I just need to watch it 99 more times! lol

  • @meza5renitec
    @meza5renitec 4 ปีที่แล้ว

    Honestly might be the best thing I've ever seen in terms of a tips video. Amazing work.

  • @kwii22789
    @kwii22789 4 ปีที่แล้ว +1

    This is the best video on firebase I've seen. thumbs up!
    Subscribed too :)

  • @kopenPCnerd
    @kopenPCnerd 4 ปีที่แล้ว

    Thanks for all the great videos! Your content has inspired me to really dive into cloud architecture and has allowed me to effortlessly deploy dozens of web apps. Excited to learn more about Firebase at NgConf next year.

  • @will_abule
    @will_abule 4 ปีที่แล้ว +3

    46, 54, 58, 64, 66, 70, 78, 81, 82, 83, 84, 85, 86, 89, 91, 93 are very useful thanks! a useful tip you didn't mention always paginate to reduce costs even further especially for countries in Africa where dollar it's pretty high.

    • @Fireship
      @Fireship  4 ปีที่แล้ว +2

      Good call! Pagination is a great way to reduce costs.

  • @DEV_XO
    @DEV_XO 4 ปีที่แล้ว

    Mate you are just amazing. Awesome video!
    Thanks a lot!

  • @PedroAkaki
    @PedroAkaki ปีที่แล้ว

    Thanks! Till this Day, good tutorials of firebase are rare.

  • @malkavftw
    @malkavftw 4 ปีที่แล้ว +2

    Yet another amazing video Jeff. If you can make one about how to cache firestore results when navigating "back", instead of running the query again, it would help a lot. RouteReuseStrategy seems to do the magic, but I can't find much about it

  • @harpymaslow
    @harpymaslow 4 ปีที่แล้ว

    So much value in a single video. Love your work Jeff. Keep it up

  • @amitk.512
    @amitk.512 4 ปีที่แล้ว +5

    One underrated feature in firebase is custom claims. Can be very helpful for certain scenarios. Especially Authorization.

  • @teetanrobotics5363
    @teetanrobotics5363 ปีที่แล้ว

    Bro , you're the best!!!!!! Your content on firebase is amazinggggg !!

  • @rtpHarry
    @rtpHarry 4 ปีที่แล้ว +2

    That was intense but great. I think I will have to watch it 100 times to absorb it all though! :D

  • @katbert100
    @katbert100 4 ปีที่แล้ว

    Amazing stuff, thank you!

  • @afiq980
    @afiq980 3 ปีที่แล้ว

    This video teaches me sooooo much, THANK YOU!

  •  4 ปีที่แล้ว

    Great video! Super good, I will save for reference.

  • @CodingAfterThirty
    @CodingAfterThirty 4 ปีที่แล้ว +1

    This is great. Thank you.

  • @danielantonioconte
    @danielantonioconte 4 ปีที่แล้ว

    Great video! thank you so much :)

  • @aydzz
    @aydzz 2 ปีที่แล้ว

    I dont really need most of this right now, but Im trying to be on that level. Thanks and will surely be checking this out again when that time comes.

  • @ezwalduzumaki3161
    @ezwalduzumaki3161 4 ปีที่แล้ว

    I love the vocals in the beginning, sounds so ancient and beautiful a bit scary too :D

  • @LyroPac
    @LyroPac 4 ปีที่แล้ว

    Loved thanks for the sharing

  • @haythamabdulla3321
    @haythamabdulla3321 4 ปีที่แล้ว +3

    Man... You are my hero ❤️

  • @asatorftw
    @asatorftw 2 ปีที่แล้ว

    This video is pure gold👌👌👌

  • @sveinsoermo9883
    @sveinsoermo9883 4 ปีที่แล้ว

    This was pure gold!

  • @toddherron4832
    @toddherron4832 3 ปีที่แล้ว +1

    Great to see the BIG PICTURE pulled together like that. The next trick (for me) is to do it all in DART/FLUTTER ... :)

  • @JohnnyOshika
    @JohnnyOshika 3 ปีที่แล้ว

    Awesome video with great tips!

  • @MrCalacianu
    @MrCalacianu ปีที่แล้ว

    Hi! first of all I want to thank you for all your awsesome videos, they are help a lot. Would you consider making a video about monitoring firebase functions?

  • @oardi
    @oardi 3 ปีที่แล้ว

    Thank you so much

  • @j2isndhu
    @j2isndhu 3 ปีที่แล้ว

    Best video I have seen in a long time

  • @EzequielTejada
    @EzequielTejada 4 ปีที่แล้ว +2

    tbh, this must be the most complete firebase video from the best firebase content creator... Good Job!

    • @Fireship
      @Fireship  4 ปีที่แล้ว +1

      Thank you Ezequiel :)

  • @ilyesbouhari
    @ilyesbouhari 4 ปีที่แล้ว

    amazing tips thanks bro 🙏🏻

  • @albertcieplinski1870
    @albertcieplinski1870 3 ปีที่แล้ว

    So good. Thanks!

  • @caneallestamartinez2797
    @caneallestamartinez2797 4 ปีที่แล้ว +1

    Spectacular 💪🔝

  • @oiojin831
    @oiojin831 4 ปีที่แล้ว +1

    This is perfect!!!!!!!!!!!

  • @ziga9
    @ziga9 4 ปีที่แล้ว

    best video and content on firebase 1M ⭐️🔥🔥🔥

  • @andy5627
    @andy5627 4 ปีที่แล้ว

    Good vid. Are you going to have some video of Firebase for beginner? And maybe with Flutter integration.

  • @metalllus
    @metalllus 4 ปีที่แล้ว +2

    no.78, I would love to see a concrete example on how to set up a CRON job to automatically backup the database with the REST API, that would be super useful.

  • @zakariachahboun
    @zakariachahboun 4 ปีที่แล้ว

    thanks man!

  • @ibrahimqassem2254
    @ibrahimqassem2254 ปีที่แล้ว

    Good explain 👍

  • @robertmarquardt
    @robertmarquardt 3 ปีที่แล้ว

    Thanks!

  • @nicolapigozzo
    @nicolapigozzo 4 ปีที่แล้ว

    Greeeat thank you very much!!

  • @soumyadeepsinha
    @soumyadeepsinha 4 ปีที่แล้ว +46

    One more tip : Use of custom claims to control different roles of users in the app such as admin, moderator , etc instead of making separate values in database .
    Btw love your videos 🥰

    • @Eyezbergslim
      @Eyezbergslim 4 ปีที่แล้ว

      How would you do this in a social media app? For example, I'm creating an app where users create groups with administrators, members and super users. I'm not sure how I could do this using custom claims.

    • @soumyadeepsinha
      @soumyadeepsinha 4 ปีที่แล้ว +1

      @@Eyezbergslim Basically Custom Claims is used for controlling different types of users in the whole app as its a part of the user's meta data . And it is limited to 1000 bytes(as far i remember) . So you can use firestore to store uids of particular group admins and write security rules according to that

    • @amitk.512
      @amitk.512 4 ปีที่แล้ว +1

      @@Eyezbergslim For this case storing this information in a document will be a better choice i guess. For a group, you can have a sub collection of members, and each member document can have one of the above mentioned roles by you. This will be helpful to list the members according to their roles which will be needed somewhere most probably. If you save roles information just in custom claims you can't query them.

    • @hojdog
      @hojdog 4 ปีที่แล้ว +9

      I actually think there are no legitimate use cases for custom claims, for security reasons. Custom claims are only updated when you log out/in - so if you wanted to remove someone with admin roles they don't lose them until they log out. That would be dangerous if you have a dodgy admin.
      It's not useful for your users either for the same reason. Want to give someone premium? They will have to log out first to receive the cred = bad UX

  • @dom4cswdty84h5
    @dom4cswdty84h5 4 ปีที่แล้ว

    you are a legend man

  • @bhanukaisuru2618
    @bhanukaisuru2618 4 ปีที่แล้ว +3

    Great..thank you!!!.. how to create user type on firebase auth?(student or teacher or other)

  • @theunisdk
    @theunisdk 4 ปีที่แล้ว +1

    Best video ever!!

  • @LeaHayes
    @LeaHayes 3 ปีที่แล้ว +1

    Best tip is to subscribe to this channel because it's pretty darn good :D keep up the amazing videos

  • @21rogerwaters
    @21rogerwaters 3 ปีที่แล้ว

    Epic content 🔥

  • @CRYPT0GRAPHIC
    @CRYPT0GRAPHIC 4 ปีที่แล้ว

    More question needed in lovely quiz app.

  • @vedangdate
    @vedangdate 4 ปีที่แล้ว

    Lifesaver alertttt !!

  • @darshangowda309
    @darshangowda309 4 ปีที่แล้ว +4

    Crazy 😍

  • @AbdulSamadDev
    @AbdulSamadDev 4 ปีที่แล้ว

    Awesome 🔥

  • @vicsystems
    @vicsystems 3 ปีที่แล้ว

    U are just amazing

  • @vasiovasio
    @vasiovasio 4 ปีที่แล้ว

    Amazing and very useful video! One question - what hat is your IDE - Visual Studio Code? And what is the name of the color theme - look Amazing with this font and size and these file icons on the left sidebar!

  • @tylim88
    @tylim88 4 ปีที่แล้ว +2

    nice man, i also setup two project, one for dev one for prod

    • @Fireship
      @Fireship  4 ปีที่แล้ว +2

      That is good practice, although I'd like to see Firebase add some sort of default sandbox in the future.

  • @zhenjunseow
    @zhenjunseow 4 ปีที่แล้ว

    Quick question, is there any way to ensure data is updated successfully in both realtime database and firestore?
    I'm currently use simultaneous updates in rtdb and batch write in fs but that just ensure atomic write in respective database.

  • @DD3874
    @DD3874 4 ปีที่แล้ว

    Great!

  • @DKPstudios
    @DKPstudios 4 ปีที่แล้ว

    I have a question - do you recommend using two different databases if you were building a frontend for a lot of users, and a backend that you push content onto? Think of a blog site - would you use the multi-site mentioned, or would you have two separate databases to avoid someone getting into your backend - maybe I had sensitive data on the developer backend.

  • @AssFaceNFT
    @AssFaceNFT ปีที่แล้ว

    My guy!!! 🙏🏻❤

  • @Banele808
    @Banele808 ปีที่แล้ว

    best dev video ever

  • @TheEnde124
    @TheEnde124 4 ปีที่แล้ว

    If you want to use a sign in provider that's not in firebase, you can use custom tokens!
    Also, great video!

  • @gggavin
    @gggavin 4 ปีที่แล้ว

    That's some 🔥tips

  • @joshbedo8291
    @joshbedo8291 4 ปีที่แล้ว

    Can you do more Firebase and React videos? i love these and learned a lot thanks! I have one question is it a good practice to store your firebase connection in a separate file that exports auth, analytics, firestore? So you can do something like `import { app, db, analytics } from './firebase'`. I was trying to get it running but was getting weird errors passing it through. @Fireship Also did they change the way imports work? I can't load analytics, performance, etc. without importing them separate.

  • @DaveRBrooks
    @DaveRBrooks ปีที่แล้ว

    This is a great resource, Thanks. I have a question about "Trick one" which specifies creating two firebase projects one for dev and one for production. I've done that, but cannot seem to figure out how to build and deploy to the two different targets from a single project. Do you have a video detailing this process? Thanks

  • @Agrim26
    @Agrim26 2 ปีที่แล้ว +1

    These 24 min will save your months of research and discovery.

  • @HammadKhanYT
    @HammadKhanYT 5 หลายเดือนก่อน

    Lots of great tips that I can explore later. But can you make a video on how to handle 'double' values in Firebase? Firebase stores values either as numbers or strings. If a value is stored as 5 and needs to be read into a double variable, we run into a problem. What is the solution? Thanks

  • @rubenheymans1988
    @rubenheymans1988 4 ปีที่แล้ว +1

    how to server side search, sort and paginate in an angular material datagrid with angularfire2, this is a huge struggle for me

  • @joey8698
    @joey8698 4 ปีที่แล้ว

    nice Jeff
    Please do you mind doing a video on firebase realtime storage with Angular?
    i really want to understand and i think you could help me and some newbies out here.
    thank you

  • @GaboneSgravato
    @GaboneSgravato ปีที่แล้ว

    Wow, so many useful tips in this video, i've really loved that, but I would like to ask one thing if possible: regarding the global variables, can I use a global variable inside google cloud and share it between functions? It would be really usefull to know, even because I can't find anything on the internet regarding this thing. Thanks in advance.

  • @nerd_mor
    @nerd_mor 4 ปีที่แล้ว +14

    Tip that made me lose a few projects: you can only redirect URLs to Cloud Functions if they are in the same GCP region. And the only Region where this is possible is Us-central

    • @Fireship
      @Fireship  4 ปีที่แล้ว +1

      Good to know! Was not aware of that limitation.

  • @appdeliverio8761
    @appdeliverio8761 3 ปีที่แล้ว +1

    Firebase 🔥💯 - We confirm: Angular SSR on Firebase is lit

  • @WandersonJacksonn
    @WandersonJacksonn 4 ปีที่แล้ว

    thanks :)

  • @charliesumorok6765
    @charliesumorok6765 3 ปีที่แล้ว +1

    2:00 What do you mean by bypassing test flight?

  • @Noone-ig5ui
    @Noone-ig5ui 4 ปีที่แล้ว

    In wildcard string query, what is the difference between the tilda{~) character vs \uf8ff?