Google Authentication With React JS & Firebase - Sign In With Google - Firebase v9

  Рет қаралды 54,873

Code Commerce

Code Commerce

2 жыл бұрын

In this video I demonstrate how to use Google authentication with Firebase using React JS. We will focus on two separate ways to authenticate with Google. (Sign in with a google popup) or (Redirect to Google Page). We will store all of the logic in Context for managing the authenticated state of the user.
Thank you for watching.
Please use your own keys- they are free!
If you are interested in authentication with an email & password then you can view that here!
• React Firebase Authent...
Github Repo:
github.com/fireclint/google-a...
🔥 Connect with me on IG 🔥
/ fireclint
☕ Support the channel ☕
www.buymeacoffee.com/clintbriley
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - amzn.to/3O00nqG
Mic Boom Arm - amzn.to/3NHn6YU
Monitor Desk Light Bar - amzn.to/3xzKlyj

Пікірлер: 165
@TangiersIntrigue
@TangiersIntrigue Жыл бұрын
Man, this saved me a major headache. I wanted to implement Firebase on an app that was working with Sanity previously, which was using OAuth. It has been a while since I last worked with Firebase, so not only this was a great refresher but saved me a long time going through documentation. Really appreciate it.
@DexterrrrX
@DexterrrrX 2 жыл бұрын
Anytime I need to add authentication to my projects I just come back here
@babatundetaiwo5184
@babatundetaiwo5184 Жыл бұрын
Much needed. I was looking for this for a big project. Thanks a lot. Funny how a video of a year old is still relevant
@gabrielsuptitz1624
@gabrielsuptitz1624 Жыл бұрын
Very good tutorial, I'm Brazilian and even reading the caption I managed to learn a lot, thank you very much 💯🙂
@jltg34
@jltg34
Between all the conflicting and out of date information, I've been stuck trying to learn authentication using Firebase for literally months.
@akarshanmishra2351
@akarshanmishra2351 Жыл бұрын
This has been the first time I never had any issues while following the tutorial. Everything is upto date and clearly explained. Thank you so much for making this tutorial and saving hrs of pain staking stackoverflow and docs browsing.
@jezuschrist7120
@jezuschrist7120
Thank you Clint , your videos are awesome , you explain while showing how its done ..Keep the good work going ...👍
@Ni3o
@Ni3o Жыл бұрын
I was one video away from pausing Programming for a few weeks, luckily the video was yours. Thx so much, great vid.
@duyhuynhnguyentuan6266
@duyhuynhnguyentuan6266 Жыл бұрын
Man thank you so much for this video. I couldn't fix my Firebase issue and your video just saved hours of my time.
@thecowmilk4857
@thecowmilk4857 Жыл бұрын
Bro this was one hell of a fire tutorial!!! The guide was splendid, pretty much straightforward and very easy to understand!!!
@devashish-soni
@devashish-soni
Great Tutorial , easy to understand. I had no problems implementing this in my App. Thanks!
@studying_timelapse
@studying_timelapse Жыл бұрын
I hardly understand English, but it was easy to understand as I followed it one by one. Thank you!
@janmacek346
@janmacek346 Жыл бұрын
Easy to understand and implement to my project :-) Thank you!
@ermiyasb1453
@ermiyasb1453
Great tutorial and easy explanation thank you sir
@bravo1oh1
@bravo1oh1 Жыл бұрын
Hi.. awesome video.. havent completed it yet but its turning out great.. quick question - do u have one where you integrate apple log in? what if i want google and apple login on the same application? Also once user logs in.. what if i want them to input data to a table using firestore, can it use the same log in? thanks..sorry im a newb!
@chrisskyr623
@chrisskyr623 Жыл бұрын
For me does not work and say that hooks can only be called inside of the body of a function. Do you know to fix that issue??
@betterbehappythannot3605
@betterbehappythannot3605 2 жыл бұрын
You look like a college dropout without a beard haha, you are one of the most valuable youtube channels, continue to develop as you do!
@sergiohernandez72
@sergiohernandez72
Great video 👍made it a little more challenging since I was using typescript while following this and it kept giving me type errors. Chat gpt helped me fix those errors but if you have any advice on how I can fix typescript errors when working in javascript that would be great.
@lean9875
@lean9875 Жыл бұрын
The best tutorial, saludos de Argentina! keep doing this videos pls 🔥🔥🔥🔥
@pawe7420
@pawe7420 Жыл бұрын
Bro, hope you will keep going with such great tutorials.
Setting Up Google Authentication in Firebase 9: A Step-by-Step Guide
15:08
Brett Westwood - Software Engineer
Рет қаралды 15 М.
Они так быстро убрались!
01:00
Аришнев
Рет қаралды 2,3 МЛН
Can A Seed Grow In Your Nose? 🤔
00:33
Zack D. Films
Рет қаралды 30 МЛН
Это реально работает?!
00:33
БРУНО
Рет қаралды 3,3 МЛН
Next JS Authentication - Sign In With Google (NextAuth.js)
24:51
Code Commerce
Рет қаралды 70 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 560 М.
I became a way better developer when I did this..
4:35
Code Commerce
Рет қаралды 1,9 М.
Google Identity Services Login with React (2023 React Google Login)
19:50
40 APIs Every Developer Should Use (in 12 minutes)
12:23
Coding with Lewis
Рет қаралды 336 М.
I built a $5 chat app with Pocketbase & Svelte. Will it scale?
13:34
User Authentication with React & Firebase: Full Tutorial
1:03:35
Daweb Schools • Learn to code today!
Рет қаралды 10 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Setup Google OAuth sign in 6 minutes
6:51
Appwrite
Рет қаралды 31 М.
Они так быстро убрались!
01:00
Аришнев
Рет қаралды 2,3 МЛН