DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Firebase,v9 Google Authentication + Documentation
David Asaolu
David Asaolu

Posted on

Firebase,v9 Google Authentication + Documentation

Hello, welcome back! Yes! Just in case, this is the first post you are opening. This post is the continuation of series.

Check out the first

So let's keep moving πŸš€

Setting Up Firebase in a React project

πŸš€ Log on to Firebase console. You will need to have a Gmail account.

πŸš€ Add project, follow the instructions to set it up

πŸš€ Run via npm

npm i -g firebase-tools
Enter fullscreen mode Exit fullscreen mode

πŸš€ Run in your create-react-app project

npm i firebase
Enter fullscreen mode Exit fullscreen mode

πŸš€ You can follow this route for the setup

πŸš€ At the end of the installation, you should have a firebase.js file in your project and also your package.json updated already from the installation.

firebase.js installed file

package.json React app

Google Authentication

You need to place these lines of code at the entry point of your web application or your Login component, where the user has to login to access other views or pages.

Similar to this

Login component

Check out the Documentation for other forms of Authentication

Authentication docs

Feel free to follow to be the first to read the next posts on the series.
Connect with me on
πŸš€ Linkedin
πŸš€ Twitter

Top comments (0)

Classic DEV Post from 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!