The Decline of Firebase (bundle sizes) // New JavaScript SDK First Look
ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 2021
- The latest Firebase JavaScript SDK (version 9.0) has been rewritten as a functional library resulting far smaller bundle sizes for better web performance. Learn how to upgrade your Firebase web app fireship.io/courses/
#firebase #javascript #firstlook
🔗 Resources
Get Started with Firebase • Firebase - Back to the...
Firebase Blog firebase.googleblog.com/2021/...
🔥 Watch more with Fireship PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font - วิทยาศาสตร์และเทคโนโลยี
At least something is losing weight over this pandemic...
Good one
my wallet was :(
f... this pandemic
@@alejomakevids I laughed, then realised this was also me
😂
@@alejomakevids man i finally understand your name
I've been looking at migrating my main pet-project to the new SDK and now all of a sudden you've covered it in a video. Your timing is amazing once again!
They know because you're using copilot 😈
D3.js in 100 secondsssssss
Yes pleaseeeeeeeee
Yes need this it's very much needed
Commenting so fireship notice it
Im from the future
Really like the new FP approach! Thanks for share!
I personally welcome all these changes, and as an avid FP user, it also just feels pretty natural. Morally, there is little difference between class methods and functions which take objects as arguments. I would even argue that this kind of design facilitates writing less coupled code, because, when using classes, it can be easy end up making a class do too many things and just hide all the complexity in private methods or some such. Passing things as arguments forces you to think hard about the public interfaces of the things you are passing around.
I also tend to use this style a lot in my own projects using TS. When most of your code is just a series of transformations between different types, it is easier to get the compiler to help you out.
Morally?
honestly if FP was more memory efficient I geniunely think it would have caught on faster than OOP. its generally a delight to code with FP and OOP is a pain
Man every video of your are more informative than any TH-cam channel . Thank God that I found this and subscribed.
I love it so much. All my prayers are answered. I had so many bugs over the years that I would be unlikely to get with this functional style too
I had a feeling this was coming!
I've already migrated a pretty big app of mine to the new SDK, It took me a few hours and I prefer it a lot over the old API.
Totally agree about the way we have to send the getX object to every function every time feeling awekword,
I was thinking of adding an abstraction over it as well.
Great video!
I wanted to comment with the same thought. It is very tempting to have an abstraction. Still planning on the best way to.
You could create curried versions of the functions you use, and pre-pass the auth object to them.
can you pls provide example?
Awesome news, thanks for the quick and informative vid!
i was going to learn node just to use a new database
i wanted to take things slow but firebase with it's limitations and size were too big of a deal.
i wouldn't have known about this without you ,thank you
Impeccable timing
Obrigado amigo, nem precisei ver outro tutorial pra poder atualizar meus projetos.
I was looking for bad news but this is equally good
Nice, Thanks a lots
This is great news. I love firebase but the bundle size has always been a pain point. I look forward to refactoring my app to use version 9 once its out of beta
Looks nice. Glad the Firebase team got around to this. I'll wait half a year for them to iron out any bugs and get docs more in line with the new stuff, then give Firebase another chance on a small side-project.
Why small side? Is firebase not good on large scale?
Only OG Fireship viewers remember that sweet background music 😄
Can't wait to see @angular/fire move to this version of firebase
I agree! All I can say is that I always keep forgetting to pass auth to every function. Somehow I feel that by initializing the app at the top level should be enough, and also passing app to the getAuth function should inform the project!
Exactly the video I wanted to see =)
one question though - do all the modules have to be bundled? Why not just import the module you need in the front end just in time?
Finally, I can use Firebase with svelte kit. (If it works as I expect it to do)
Are you going to be doing a firebase V9 course of some sort? I'd like to see it in conjunction with vite, vue3, vuex and firebase auth, firestore, firebase storage, functions... too specific?
Awesome videos, what font do you use for the text in the blocks?
Where did you get this amazing short clips, they always amaze me
What's pretty sad is that I remember the Six million dollar man one from when it came out on TV for the first time :-(
@@RichardPerfectKiwi huh?
@@RichardPerfectKiwi huh?
@@RichardPerfectKiwi huh?
@@trappedcat3615 Six million dollar man - it's one of the clips "we can rebuild him" it was a TV series in the 70's.
He had us in the first half not gonna lie
I laughed😄 out at the Gifs you use
Please make more videos about WebAssembly🙏
we want more tutorials on firebase new version 9.0.0, Its really helpful..
Great video as always, but unfortunate choice of title, please be careful of falling into the click-bait path, you don’t need it.
Love your videos, keep it up 👍🏼
damn, I recently started moving to other databases and even used the Hasura backend.
Are u watching us? :)
BTW love your videos as always
Hope you do s Firebase 9 with SvelteKit.That would be a great video!
this good old music reminds me of when this channel was Angularfirebase :)
Hoping to see support for web sdk v9 in AngularFire and FirebaseUI soon!
Using Firebase with Webworkers did the trick for me :D
Have you ever used reactfire? Can you make a video about it?
Imo passing in an object is a good approach. Because we the developer could know what is being used.
Hi, I'm interested in your Firebase Security course ... just wondering if this uses Firebase 9?
It would be interesting to know what Firebase modules would it make sense to import dynamicaly and how much benefit could br gained?
Hello,
I have a question that I don't seem to find the answer to it... does firebase charge for reads that are done in the firebase console?
Thanks
Any new changes with amplify? Or is it still quite young?
Please do a tutorial with React and the NEW firebase cloud messaging. Super confusing with the service workers.
I personally have fallen in love with the way rust imports things, where you following examples are valid;
use library;
use library::function;
use library::{[function1, function2 };
nice
4:56 if your IDE supports regex find/replace, this really is only a few seconds of work
and if your IDE doesn't support regex find/replace, stop using notepad to code
And if you're feeling barbaric you could cat the file, run some regex and pipe through to a new file all without a text editor.
Id rather do this than use notepad.
I think there might me some script by now that does this somewhere on GitHub
@@srujangurram None needed buddy. Its as simple as..
sed 's/\bWORD\b/REPLACE/g file.txt
For anyone who don't understand the line above:
The -i makes sed write its output and edit files in place. Could also be used to make a backup file as in "sed -i.bak ..." to backup the original file before sed does its thing.
The s is the substitute command.
The \b ensures partial words are not replaced. Such as if you had PASSWORD in the txt file then it wouldn't change it to PASSREPLACE.
The g at the end makes it global so all instances are replaced and not just the first one.
Lastly, the file.txt is the file you're running the command on and saving to.
You can also use regex within sed but in this case the above is all that's needed.
Even my shitty shell can do it. If your IDE can't, it's not an IDE in the first place.
Regarding the procedural vs object notation, can we do this to revert back to object notation and avoid refactoring code?
1. Create a new signIn2(args) function that calls signIn(this, args).
2. Bind the new signIn2 function to the auth object.
3. Set auth.signIn to equal the binded signIn2 function.
4. Call auth.signIn(args).
Hi thanks for the video, I am getting this error " FirebaseError: Firebase: Error (auth/invalid-value-(email),-starting-an-object-on-a-scalar-field-invalid-value-(password),-starting-an-object-on-a-scalar-field). " but I cannot find the meaning from the codes. Can you please point me in the right direction? I am using the new auth SignInWithEmailAndPassword
What do you think of serverless framework?
Will you be updating sveltefire? 😊
interesting changes to be honest
Got stuck looking at this error: dependent-sdk-initialized-before-auth => Another Firebase SDK was initialized and is trying to use Auth before Auth is initialized. Please be sure to call `initializeAuth` or `getAuth` before starting any other Firebase SDK.
Does anyone know how to solve it?
Where's that test post I saw minutes ago?
Is firebase functions EVER going to support ANY other language besides NodeJS??? It's SO frustrating
That title is almost a click bait, but I clicked anyway hehe
would you please make firebase 9 course with gatsby?
"I find myself creating my own custom abstraction, like a class"
Thats basically the version 8 namespaced version
Firebase UI doesn't yet support firebase sdk v9.
Can you do swoole bro? Thanks
Can u make a 100s loopbackJS
Tree Shake baby!
Just finished pushing my first independently published application to UAT for round 1 of feedback. It utilizes FB. Guess I gotta tell the testers that the app will be faster by prod time lol
Can you update sveltefire to firebase 9?
How about all react hooks in 100s?
last week I runned my old project and everything was not working
my bundle size has the high ground, not in a good way
You said a lot of good things about snowpack, what made you switch to vite?
They're both good. Vite just simpler for presenting basic TH-cam demos.
Snowpack is pretty good in my experience
Why would you not include this information in your PAID Next.Js class that you advertise here?
Supabase ahem!
what's the font at 0:17?
please do a firebase sdk 9 with vanilla javascript
Good! For js devs
firebase is so good
i need proper docs for javascript admin SDK
How is pyrebase?
Every job posting wants Microservices. 100 seconds of Microservices?
Just make your own module and expose what you need with curried functions
Just reached midway on a project where we use firebase. I shat myself after reading the title.
I will never trust putting my entire project in the hands of a single company, outages/bans leave you stranded, and google has a huge history of failed projects...
You can create a compatibility layer in your code, which will abstract any provider-specific methods and then if you need to change providers, you'll only be changing the compatibility-layer methods. I think it is a pretty neat model to work with, if you ask me.
@@softwarelivre2389 That sounds like it could get really messy, really fast, because it would be hard to create and maintain a standard that works well with many developers, many which will come and go as time goes on, as the project scales that efficiently remains agnostic to the provider, as the entire underlying architecture could be night and day difference. Not only that, but you would essentially have to maintain 2 different code bases under the compatibility layer for your data if you want to backup it up outside of google, because if you are relying on one company for your data, you are toast if anything happens with your account or their business.
Lastly, attempting to write automated exporting from firebase to avoid maintaining 2 codebases, could make your bill exponentially bigger as your data grows.
Seems like a way for google to make slaves of their codebases.
I agree: the new syntax looks weird! It seems like object-orientation is loosing its appeal to frameworks/libraries developer in favour of procedural/functional style approach... I mean: auth.signOut() replaced by signOut(auth) looks similar to str.length() replaced by strlen(str) :-)
Yea, object-oriented or even just namespaced libraries often just use more space as they need to export the entire class to get the actual functionality
what about cdn
I need that..
CSS Paint API in 100 seconds?
Second! Yayyy!
Top GCP Services Explain (like aws services vedio).. 😪
Didn't they see size of aws-amplify sdk?
tell me ^_^
AngularFire will be updated as well?
Yes
Wait what? Another prediction of mine coming true? So surprised 😂 Yet no one wants to listen to me.
covid caused google to pivot from innovation to optimization to allow developers to scale their projects to hundreds of millions of people with minimal cost. This is a result and it is good if that is what you are optimizing for (as worthwhile projects often are)
I am using firebase-admin
Where in the world is a download of half a megabyte a problem these days?
Thumbs up if you want this SDK in Dart and Dart support for Firebase Functions!!!
Tiriton 100 second the Open AI project to replace nivdea gbu
Are there any good open-source firebase alternatives ? (Except parse server)
There is supabase, fireship made a video on it aswell: th-cam.com/video/WiwfiVdfRIc/w-d-xo.html&ab_channel=Fireship
@UCAYW4xLen0ZikyDJunqkFjA I can't wait for serverless functions.
supabase is not a 100% alternative to firebase but has many interesting features
I don't even use firebase But Interesting
100 Seconds of CockroachDB please
Redwood in 100 seconds
the old way to new way transformation should be easily handleable by regex
Coming from Python, the syntax changes are irrelevant to me