Add Auth to your React Project EASILY Tutorial

No video

Add Auth to your React Project EASILY Tutorial

Рет қаралды 59,545

Күн бұрын

🚀 Upgrade your web development skills with my courses: developedbyed....
💻 Download the project files here
github.com/dev...
In today's episode we will learn how to add auth to our react application. We will be adding google sign in and Facebook sign in using react and firebase. We will be skipping email authentification as I don't think it's as important as social logins. If you ever wanted to add authentification to your react projects this is a really easy way of doing it.
💡 If you want to learn more about React, check out my channel for more React tutorials and you can find React courses on my website. developedbyed.com
🛴 Follow me on:
Twitter: / developedbyed
Github: github.com/dev...
Instagram: / developedbyed
#react #programming

Пікірлер: 93

@developedbyed Жыл бұрын

Channel is back with full force 🎉 Thanks everyone for the amazing support, loads of content is coming your way!

@bogdanciolpan6304 Жыл бұрын

Hi, I'm watching you from a while and also I've bought some courses from you, will you be interested in making all of this stuff using Typescript? I mean you really have some qualities when it's come to explain things, I guess using TypeScript and React will be a good approach and also appreciated by the community, keep up the good work!

@aleksandrzakharov8758 Жыл бұрын

I missed you)

@suciu4644 Жыл бұрын

we love you ed

@Alex-bc3xe Жыл бұрын

I was watching you since you had almost no subscribers and I am really happy that you got so far you are a good man. Good luck further.

@paschalynukwuani6930 Жыл бұрын

Dev Ed is a legend😎. You always make my coding journey easier with your simple and great explanations. Cheers to you man!😎

@coolcumber7 Жыл бұрын

Love your small tutorials on fundamental yet crucial web development concepts ... with your top notch explanations as all ways .. keep the ball rolling 😄❤

@leulwebshet9750 Жыл бұрын

I started my KZfaq channel yesterday , you really inspired me

@musicvista5345 Жыл бұрын

Your name looks like Ethiopian...here to support you brother, you rock on

@leulwebshet9750 Жыл бұрын

@@musicvista5345 yes I am from Ethiopia

@siddharthsingh7281 Жыл бұрын

You seem nice person . Great explanation. Don't lose your humbleness.

@MasumKhan-ug8nr Жыл бұрын

Thanks a lot man. following ur channel from a long time & it was always usefull

@gillgarcia768 Жыл бұрын

Now I understand how to make loops and export everytNice tutorialng really god bless you.. your way of explaining simply aweso I loved it

@HamzahAhmad-db5cy Жыл бұрын

Hey Ed, thanks a bunch for the detailed explanation. Really helped out a bunch.

@NNNedlog Жыл бұрын

Just noticed you changed your channel name. Awesome video as always sir. I'm currently learning React so this will be very helpful

@skverskk Жыл бұрын

Great tutorial and easy to follow. Would you consider a Firebase Email/Login provider tutorial, some time in the near future? Thank you

@jaywilzon1412 Жыл бұрын

Dude your personality is totally not my cup of tea and yet I find you funny as heck and a pretty darn good teacher. Thanks for reminding me why I should give everyone a chance.

@naolkebede321 Жыл бұрын

A shopping website with a seller and buyer different sign-in ways. with A count button shopping method and a controllers (police) sign-in way to see every history of transaction

@muvsharma Жыл бұрын

thank you so much, you solved my week-long problem in an hour

@lovetheentertainment9949 Жыл бұрын

Can you please make a complete Bootcamp on webpack 5 Please cover all the concepts and tell each and every part how we use in real time projects

@ktk5987 Жыл бұрын

Thanks alot for this tutorial! it was awesome, and you are awesome!

@iamakifislam Жыл бұрын

Dev Ed to developerbyEd. Good name, Sir. I have been following you for a very long time. So Dev Ed was familiar to me. But the new name is more explaining and good for new comers.

@bobziomeczek2604 Жыл бұрын

Thanks, I really enjoyed this project. If someone has issues with auth import, I recommend to use auth() instead of auth, in my case it worked every time I had an issue with the 'auth' import. Have a nice day :)

@benlam3832 Жыл бұрын

I thought auth would be a super complicated thing to do, but it looks a lot simpler now after this video.

@sleeplessforawhile Жыл бұрын

Thx for your work. My best wishes.

@abdikanimohamed436 Жыл бұрын

My teacher I so exited with you really and also your tutorials make tutorials about react mongo db and react security url

@faizshariff9968 Жыл бұрын

Hey ed please do a video on next js

@damislav Жыл бұрын

10/10 sneeze bless you

@damislav Жыл бұрын

good jumpscare made me think faster

@bytewisesl Жыл бұрын

this is a great tutorial. Thanks

@wesonweb Жыл бұрын

Fab tutorial as always 💯

@arpitpandeyofc Жыл бұрын

More react videos please!!! 💛💛

@ferroisss Жыл бұрын

Hello, once the user is logged in with google/facebook, how can you allow the user to interact with your NodeJS server as an authenticated client?

@MiserableDuck95 Жыл бұрын

Would love to see this too

@Chriss-cn1ch Жыл бұрын

Just send the necessary info to nodejs and store them to db. If the user logs in again you can check if he exists in the db. Same concept as the ordinary email authentication.

@ferroisss Жыл бұрын

@@Chriss-cn1ch Which will be used as the secure token?

@Kr0ckDinde Жыл бұрын

Super nice tutorial bro, helped me a lot thank you ! In Meta for developper website I think they want me to setup a SDK java script. You didnt refered to this in your video. I don't know what is this about...

@rdvansengul3667 Жыл бұрын

yo bro, really thankya. Big respect

@maskman4821 Жыл бұрын

Great lesson 😍

@santiagonahuel8845 Жыл бұрын

Great job!

@priyanshushukla6827 3 ай бұрын

in my vs code after writing the first command it is saying does u will use Type script? what to do yes or no?

@captainfoodman Жыл бұрын

Ed, can you make a video about using java in our web applications. Using servlets and JSPs, all that sorts of stuff. That would be amazing!! Thank you

@dannyisrael Жыл бұрын

Is it safe to use NEXT_PUBLIC with the keys? Shouldn't they be loaded serverside or something?

@jahongirkhabibullayev591 Жыл бұрын

Thanks bro

@JohnRodDondoyano Жыл бұрын

Please make a vid about authentication with database 🥺

@maestro3112 Жыл бұрын

thank you and good luck

@phattriennanglucsinhvien-a4123 Жыл бұрын

Thank you very much

@josef1523 Жыл бұрын

I am wondering how I can get all the users in my "firebase authentication" using NextJS.

@frankiefab Жыл бұрын

Thanks Ed, Can you make a tutorial on converting json data to custom GRAPHQL API

@eliyahutarab4862 Жыл бұрын

Thank you very much can you do a crush course of react with typescript?

@buituyen9484 Жыл бұрын

Hey, I really like your VSCode theme. Did you customized it by yourself or you got it from extension store?

@zachmsdev747 Жыл бұрын

You should try out this theme called Bearded. :-)

@buituyen9484 Жыл бұрын

@@zachmsdev747 thanks. I will try it out 😀

@CoconutwCoco Жыл бұрын

how to deploy it later? could we have a following up tutorial

@Human_Evolution- Жыл бұрын

Everything seems to work fine, then when I go to deploy to either Vercel or Netlify, I get errors and failure to deploy. 1 hour of trying and I am not sure what to do. Anyone have any insite? My errors vary from useEffect dependencies, to Firebase api key being invalid. Errors are fdifferent on Netlify than they are on Vercel....

@blue_berry_pie64 Жыл бұрын

Thank youuuuu

@ghalitsar2730 Жыл бұрын

can u do with nextjs and with next/auth ?

@EricOnYouTube Жыл бұрын

developedbyed, how would I then use that same login to save data in the api app?

@MilahnMartin Жыл бұрын

Anyone know why im getting a "Window is not defined error in Nextjs" only happens when i import the firebaseconfig.js file

@sudipgurung9546 Жыл бұрын

4:49 "HEAD? Yes please"

@rifhix7404 Жыл бұрын

Yeah please can you make some toturials on react redux and firebase

@hmrizwanmazumder Жыл бұрын

Can you make some android tutorials? Either Java or kotlin, flutter or even reactNative.

@Charlotte-jm3ce Жыл бұрын

I would love to learn how to make multilingual sites!

@tirotta_sw Жыл бұрын

it was the 4:48 for me lmfao😂

@insanetvshort7076 Жыл бұрын

dudes high asf 🤣

@sahilverma_dev Жыл бұрын

how to implement google auth in a MERN stack?

@buffplayz8089 Жыл бұрын

I was looking for a normal crack for a long time and stumbled upon you, thank you very much

@abdikanimohamed436 Жыл бұрын

Teacher make firebase crud tutorials and firebase rules and sucurity and database

@netroncraft Жыл бұрын

Great video but for this time you need a little night’s sleep for these little mistakes 😭

@user-um2mn9jw3e Жыл бұрын

Head?? yes please XD

@suciu4644 Жыл бұрын

ed, why not next auth?

@ahamedbashan4638 Жыл бұрын

I didn't get styles and pages folder while installing react

@Melhor99 Жыл бұрын

where is your item

@osoningliztili6708 Жыл бұрын

cool

@TintZawhtun-uv8qq Жыл бұрын

sir I get a message . Info: The current domain is not authorized for OAuth operations. This will prevent signInWithPopup, signInWithRedirect, linkWithPopup and linkWithRedirect from working. I'm not solve this problem.Please help me .