How To Implement Login With Facebook In React | Fix It With Ankit

Nowadays, the Facebook login is part of the authentication mechanism next to the Google login on the web application or mobile app. Actually, Facebook Login can only be used in front-end side because it uses Facebook SDK for JavaScript. Luckily, there is a react-facebook-login module that we will be using for this React.js FB login.
Step 1: Setting up the React
Step 2: Install reactjs-social-login
Step 3: Get Facebook App ID
Step 4: Set up reactjs-social-login package
Step 5: Add App ID to the application
Step 6: Test the application
Video Chapters -
0:00 Introduction
0:30 Installing The Packages
1:01 Create a Facebook App and Generate Keys
1:55 Package Configurations
7:15 Working Demo
Facebook Developer: developers.fac...
Npm Package: www.npmjs.com/...
Github Repo: github.com/ank...

[@hindledra2965]

Thank you Ankit, but I always get a window saying something went wrong, and then I receive an empty object...
How should I fix that?

[@ren1538]

Good tuto Ankit :)

[@WhiteDovePBB]

Wishing you good luck with your channel.

[@user-ho3fk8ri9x]

Hello! Great video! Thanks much. From Argentina! Question, do you know if it is possible to post to FB to someone elses account? Not only the owner of the FB created. So the other user should accept the oauth flow and then posting to that user's wall with the token gathered in the oauth. Is that possible?

[@user-uo6sm1mj7b]

Bro Here installation of social media login and login button please can you help me

[@jocreations2645]

very Good explanation bro

[@girish7242]

very useful bro

[@NodeTeam-y8d]

can i also login with or only u can login qith this id

[@user-lx8bt7iq3c]

on remix dont work, windows is not defined message

[@NodeTeam-y8d]

it will work with only your id or can we also login

[@user-rm9sr1sq5o]

is it possible to use custom button ?

[@syedhaiderali1519]

beginners friendly

[@meltsinoven]

awsome man thankyou

[@user-vc1mq2pj6c]

not working in nextjs project can you help ?

[@pttt294]

Can you fix in Facebook developer tools app development mode active

[@ItsEskimo]

Window is not defined error is coming

[@satishganesan54]

can we use our own custom button

[@mohitpatiyal5773]

how to make this live?

[@TomasRodriguez-qo9pv]

How I create a custom button?

[@yousafsabir7]

I can't get my fb app in live mode

[@nested9301]

so it's free no card credit info required 🙂

[@yashjain93]

Hi will u please give link for face book for devlopers

[@FixItWithAnkit]

developers.facebook.com/apps/?show_reminder=true

[@yashjain93]

@@FixItWithAnkit thanks Ankit