Breaking News: Grepper is joining You.com. Read the official announcement!

react-firebase

Add Answer

Hassan Shaikh answered on July 31, 2020 Popularity 10/10 Helpfulness 2/10

answer react-firebase

related firebase react js

related firebase react

react-firebase

Comment

npm install --save react-firebase

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.npmjs.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Sep 01 2022

Hassan Shaikh

0 Answers Avg Quality 2/10

Closely Related Answers

firebase react js

Comment

npm install firebase

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: firebase firebas

Link to this answer
Share Copy Link

Contributed on Jul 31 2020

Determined Donkey

0 Answers Avg Quality 2/10

firebase react

Comment

-----------------------------
    INITIAL SETUP
-----------------------------
1. visit: console.firebase.google.com 
2. create a new firebase project
3. Visit doc ( go to docs): Build > Authentication > web > Getting started
4. Register web app > firebase project home > click Web > give name and register
5. Install firebase for your project: npm install firebase
6. DANGEROUS: get firebase config and put it in firebase.init.js
7. export app from firebase.init.js 
---------------------------
    SETUP THE PROVIDER
---------------------------
8. create auth using getAuth from firebase by using app from firebase.init.js
9. create a google auth provider. do not forget to use  new GoogleAuthProvider(); 
10. go to firebase > Build > Authentication > Sign In method 
11. Enable google sign in method 
12. Create a button for google sign in method with a click handler
13. inside the event handler, call singInWithPopup with auth, provider
14. after singInWithPopup .then result , error 
-------------------------------
    DISPLAY DATA
-------------------------------
--------------------------------
    ADD A NEW SIGN IN METHOD
-------------------------------
1. enable the sign in  method
2. Create github, twitter, fb, etc. app create
3. get clientId and secret

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: firebase firebas

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Zany Zebra

0 Answers Avg Quality 2/10

react-firebase

Contents

More Related Answers

react-firebase

Closely Related Answers

firebase react js

firebase react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.