React Authentication with Twitter, Google, Facebook and Github

1

Create React App

This project is bootstrapped with Create React App. I am assuming you already have some experience with CRA. If not, here is a great tutorial. The first file we are going to look at is the drop in point for any React app, App.js:.

#Developer Tools #Javascript UI Libraries #JS Library 116 social mentions

2

Font Awesome

The state of the user is used to selectively render either their social profile if it exists or the appropriate login button so the user can login. Using font awesome and some CSS we create authentic buttons using the provider prop as a className.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions

3

Firebase Authentication

Some, like Firebase are steeped in black magic and abstract away all the inner workings. Others, like React Auth Twitter, seem over engineered (see workflow below).

#Identity Provider #Identity And Access Management #SSO 47 social mentions