Setup Firebase and add a Google Login Button in 6 minutes | React.js tutorial

In this video you will learn to setup your firebase account and user authentication. You will also apply that knowledge and add a login with google button to your app React.js app (in my case created with Vite), using the react.js firebase library.
firebase: firebase.google.com/

[@saadhabashneh5587]

what if i want the button to give a token so i take what i want from the user's gmail and put it into the database ?

[@WebChainDev]

For that you would generally use a useEffect, which runs a onAuthStateChanged(auth, user => {}) function. Inside you are able to get all of the user info such as the user.uid, user.photoUrl, user.displayName, etc. This process is shown in my chat app video: kzbin.info/www/bejne/gHypomeJqMqijbc

[@maxnavarro1531]

how can i export that to a login that i already made?

[@WebChainDev]

You could make this a separate component in a separate file (GoogleLogin in GoogleLogin.jsx), import it into your current login component and display it as a self closing tag (). If that is what you meant by your question)

[@Peacemaker.404]

is there a way to style the google popup component? btw nice explaination.

[@WebChainDev]

No, the google popup is provided by firebase and hence impossible to style.

[@Peacemaker.404]

@@WebChainDev thank you for clarifying,