Getting Started with Firebase 9 #1 - Intro & What's New?

all right so recently firebase introduced version nine of the library and the way we use version nine is a bit different to how we've been using firebase in the past with previous versions but before i get into those differences and talk about them i wanted to give everyone who's completely new to firebase a will win tour of what it is so firebase is what's known as a back end as a service and that means that it provides back-end services like a database authentication file storage cloud functions hosting and other things as well and we can plug those services directly into our front-end applications or websites to make use of them and firebase then takes care of all of the server-side logic and heavy lifting so that we as developers don't need to focus much on it at all so it's an alternative to setting up our own back-end infrastructure using tools like mongodb and a node.js server so instead firebase handles all of that for us and we can focus more on the front end of our applications and the end user experience it's really simple to get started with and most of its features are completely free for small personal websites so to use it the first thing you need to do is head to the firebase website at firebase.google.com and sign up for a free account you should see a sign up button in the top right somewhere and once you've done that you should see a link instead that says something like go to console so click on that to go to the firebase console and your firebase console is where all of your firebase projects are listed generally speaking for each different website or application that you create you normally have a new firebase project for it anyway before we make a new project first i want to talk about some of the differences between firebase version 8 and the new firebase version 9. so the major change in version 9 of firebase is that it now adopts a more modular and functional approach meaning that we only import the firebase functions that we need from the libraries and not those we don't need in contrast version 8 used a more object oriented approach where we call those functions on methods directly on firebase objects but by using a more functional approach and only importing the functions that we need we can take advantage of something called tree shaking which is where any unused code or functions can be removed from our final bundled javascript file to do that we'll need to use a module bundler like webpack or rollup but we'll talk more about that in the next lesson for now the main takeaway point is that using firebase 9 in this functional way means more optimized output code and a smaller file size now if we quickly take a look at the code examples on the firebase docs we can see the difference in how we use firebase 8 and 9 by switching between the two tabs and you'll notice that when we select version 9 the individual functions that we need are imported from the firebase libraries but when we select version 8 the functions are called directly on the firebase object so this is the major difference between how firebase versions 8 and 9 differ and we'll be seeing how to use version nine using the firestore database and the firebase auth service in this series first up though we need to set up a module bundler like webpack in order to use the new firebase version and take advantage of that tree shaking feature but just two more things really quickly before we start first of all i've created course files for this series and you can find them at this repo right here getting started with firebase nine so the link to this is gonna be down below and there's a different branch for every lesson in this series so if you want to see the code for lesson 7 for example select the lesson 7 branch and you're going to see all the code and folders right here if you want to download a zip folder of this lesson you can do that by clicking on this button and then going to download zip all right so also you'll need node.js installed on your computer for this course as well so if you don't have it installed already go to nodejs.org and then download this version right here by the way if you want to watch this entire course now without youtube adverts you can do it's all up on the net ninja website netninja.dev you can buy the course for two dollars to get instant access to all of it or you can sign up to net ninja pro and get instant access to all of my courses without adverts as well as premium courses not found on youtube including my udemy ones that's nine dollars a month and you can get your first month half price when you use this promo code right here so i'm going to leave this link down below in the video description for you to sign up and i really hope you enjoyed this series and please do not forget to share subscribe and like the videos that really helps a lot and i'm going to see you in the very next lesson

Channel: The Net Ninja

Views: 21,880

Keywords: firebase, firebase tutorial, firestore tutorial, firestore, tutorial, firebase 9, firestore 9, firebase 9 tutorial, firebase auth, firebase auth tutorial, firebase auth 9, firebase version 9, auth tutorial, firebase 8 vs 9, firebase 9 new features, functional, modules, firebase modules

Id: 9zdvmgGsww0

Length: 4min 42sec (282 seconds)

Published: Mon Nov 08 2021