Firebase is tool used for the backend and database of any app or website you might create. It's a template for your app, that can be configured to your specific needs while delivering the basics. It's made owned by google which makes it even more accessible. I use google for pretty much everything. Emails, writing, and countless other things. I actually didn't know that something like Firebase existed a year ago. I mean who's gonna give up a service like this for free-ish. Anyway lets get right into it.
Firebase offers Authentication
This is literally the bread and butter of any application. Users need to be identified and have a secure way of doing so. Firebase authentication consists of google auth, facebook auth, email only auth, github auth, email and password auth, and a few others. Users can safely change passwords, confirm their email, and even change the email they are using. Here's the link to the docs for auth.
Firebase offers 2 different Databases and storage
Firebase is flexible, like really flexible. There are 2 different databases available: the real-time database, and the firestore. Both are great but personally I recommend the firestore. Storage is just for storing things that you cant keep in either database in your google cloud bucket.
- Storage: https://firebase.google.com/docs/storage
- Firestore: https://firebase.google.com/docs/firestore
- Real-time Database: https://firebase.google.com/docs/database
Firebase offers cloud functions
Because of the nature of firebase you don't have direct access to a server, but cloud functions solve that problem. You can export your functions to be called using triggers. So any server side code can be run no stress. Here's the link to the docs
P.S you need to be on a paid plan to use Firebase cloud functions.
Now that all that's been said here's a quick example of how you might implement firebase into a react app.
Here's a link to the code in action.
Top comments (2)
Please, refactor that code and use custom hooks for the auth, the storage and the messages system. You'll see the code gets way more readable
Sure I'll update it, thanks for the feed back tho. 😄