React.js Social Login Using @Firebase Authentication
@Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development. In this video we'll learn how to create social login feature on React.js application using Firebase Authentication. We'll apply social login feature from popular providers like Google, Facebook, Twitter and GitHub.
? Source code:
https://github.com/LintangWisesa/SocialLogin_React_Firebase
⏰ Timestamp links:
00:00:00 Opening
00:00:25 Firebase Authentication
00:01:05 Requirements
00:01:25 ** INITIALIZE REACT & FIREBASE **
00:01:25 Create React app using create-react-app
00:02:48 Running local React app
00:03:16 Create Firebase project
00:04:45 Firebase Authentication dashboard
00:06:58 Setup Firebase Authentication
00:08:03 Add Firebase SDK on React app
00:11:44 Create UI on React app
00:20:21 Create onClick event function
00:25:44 Conditional component
00:26:32 ** LOGIN WITH GOOGLE **
00:26:32 Enable Google sign-in method
00:31:48 Google login function
00:41:26 Google logout function
00:43:32 Result login with google
00:44:34 ** LOGIN WITH FACEBOOK **
00:44:34 Enable Facebook sign-in method
00:45:46 Meta for Developers
00:46:34 Create app under Meta for Developers
00:50:40 Setup Facebook Login
01:00:58 Result login with Facebook
01:03:26 ** LOGIN WITH TWITTER **
01:03:26 Enable Twitter sign-in method
01:04:18 Twitter Developer Platform
01:05:40 Create project under Twitter Developer
01:14:49 Apply for Elevated access
01:17:13 Result login with Twitter
01:18:28 ** LOGIN WITH GITHUB **
01:18:28 Enable GitHub sign-in method
01:19:04 GitHub Developer Settings
01:23:34 Result login with GitHub
01:24:37 ** FINAL RESULT **
01:25:23 Closing
* * * * * * * * * * * * * * * * * * * * * * *
Email: [email protected]
Facebook: https://www.facebook.com/simplinnovation/
Twitter: https://twitter.com/Lintang_Wisesa
Youtube: https://www.youtube.com/@lintangwisesa?sub_confirmation=1
Instructables: http://www.instructables.com/member/Lintang_Wisesa/instructables/
Hackster: https://www.hackster.io/lintangwisesa
GitHub: https://github.com/LintangWisesa
LinkedIn: https://www.linkedin.com/in/lintangwisesa/
* * * * * * * * * * * * * * * * * * * * * * *
#simpLINnovation #TutorAfterNgantor
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React.js Social Login Using @Firebase Authentication», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.