You can find my full source code in my github repo. https://github.com/premdas92/React-Facebook-Login
I am just assuming that you know how to set up a react app using create-react-app. So, I will move forward.
First of all we need to install an npm package . Open the command prompt and run the following command :
npm install — save react-facebook
This package contains many components. We can make use of it. Please refer the below link to read the whole document.
First of all we will design a button which on click of which we want to log into the facebook. My UI looks like this.
On logging into Facebook, the UI looks like this.
Hitting the Facebook login will send a response which contains all the user data in the JSON form. We can filter the required data and store them in states and display them.
Please refer the below code.
Beautify your UI with CSS and its all done.
Thank you for reading this article.
