React Firebase Tutorial | AUTH - CRUD

React Firebase Tutorial | AUTH - CRUD - Image Upload

Рет қаралды 214,095

Күн бұрын

Пікірлер: 234

@arielnovchr8715 2 жыл бұрын

hey lama, i do love your tutorials and i'm just wondering why not use firebase's onAuthStateChanged to handle your currentUser instead using localStorage? dispite the unsafety of localStorage

@edehjohnpaul2966 2 жыл бұрын

error at 29:49 replace line 5 of AuthContext.js with currentUser: JSON.parse(localStorage.getItem('currentUser') || "{}"),

@pietrodeveloper Жыл бұрын

I've been learning React from many youtube channels and honestly your tutorials are the best. Straight to the point, high density of information and clear explanations. Thank you Lama!

@caracaxa1 2 жыл бұрын

I loved the video. I'm just starting a small project using firebase. But I would like to see on your next videos how to secure authenticate users using firebase and node js and react. Not storing the user details or token on the local storage because it's not secure, but in the backend using http only cookies or session. Thank you.

@dontmail7123 2 жыл бұрын

Ya this is best suggestion

@murtazanaqvi82 2 жыл бұрын

Will love to see this too.

@macrooooo__ Жыл бұрын

4:20 - hiding API key using env 17:19 - Advance Auth (useContext/useReducer) 59:20 - Adding the doc id to the notes array

@coder5336 2 жыл бұрын

Nice tutorial. Thank you. What do you think guys. Firebase or Mongodb?

@naboniabebe1123 2 жыл бұрын

Please Lama, Create a Node API using Firebase Admin. Pls pls pls... You're so great.

@oxpey4473 Жыл бұрын

But you only delete the user data from the database, not in the Authentification system. So the user still can log in :/

@leviudeh8843 2 жыл бұрын

This is amazing! Have you ever thought of programming a blog system full stack or MERN with react and nodejs? I think it would be great!

@jahmiel1945 Жыл бұрын

Thanks for making this video. I really love this video. It made me understood firebase more in advance. Thank you!!

@SaurabhKumar-qc6og Жыл бұрын

I don't think this is an effective way to store the credentials in the local storage as it makes it vulnerable to the user. User can login without even actually logging in, just by manipulating the local storage. How can we achieve strong level security in firebase then?

@natnael-oqp5082 2 жыл бұрын

bro please make mern stack project with typescript and aws

@ashishpatel6078 2 жыл бұрын

Big fan of you from india

@charindusadeep6100 2 жыл бұрын

Hi Lamadev can you implement role based Auth in this application like user admin moderator

@RightOldState 10 ай бұрын

Great tutorial. However, am I the only one getting CORS error when trying to post a new product to Firestorage?

@IramKahkashan Жыл бұрын

Hi, Thank you for providing detailed project from design to implementation. I want to ask in your status you enter status in db schema separately, If I have a product with some id whose status I've saved as "Purchased" in my products inventory but then I have sold that product that with the same id then the status should be "Sold" of that product and show disable in inventory. Will be greatly thankful if you will help me regarding this context.

@cchelseacxx Жыл бұрын

👆Send a direct message for help 🆙 ⬆️..

@melvintivane9432 2 жыл бұрын

Awesome, I'm improving my skills a lot thanks to you dude.

@AwkwardTruths 2 жыл бұрын

This is what I've been waiting for. Liked for later review. Thanks for the tutorial.

@Tutku12_6 Жыл бұрын

perfect, avesome info for beginner dev

@donaldgatan3666 2 жыл бұрын

Awesome again. Appreciate to do also short video for Next.js and firestore

@murtazanaqvi82 2 жыл бұрын

Great tutorial again! Kindly let us know how to secure our React-based websites?

@djamalchekroud9740 2 жыл бұрын

TypeError: dispatch is not a function ?????

@rummansheikh959 Жыл бұрын

Plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz plz Save me please..I stack at after login i Didn't reach the home page It's still showing login page and also stack at "JSON.parse" borwser console showing me that is an unexpected character please tell what do i do.. Plz.. I Watched you admin dashboard video and I'm following you from scratch... Plz sir help me out it’s my humble request.. 😭😭😭😭 Love from bangladesh..

@abuhanifashowrov2356 2 жыл бұрын

Brother one hidden video why? I have completed all 36 class... Please let me know is there anything else upcoming?? brother if possible please make some class on 1/adding product image. 2/ how to solve the capital and small letter problem in search box. 3/ how to solve signup with same email multi time... I hardly request you to make some class on these problem.... Please Please Please...

@murtazanaqvi82 2 жыл бұрын

Hi Lama, Can you help me out with how we can avoid concurrent editing? Or is there a way to show other users that USER A is editing or on this entry?

@abuhanifashowrov2356 2 жыл бұрын

brother if possible please make some class on 1/adding product image. 2/ how to solve the capital and small letter problem in search box. 3/ how to solve signup with same email multi time... I hardly request you to make some class on these problem.... Please Please Please...

@abuhanifashowrov2356 2 жыл бұрын

@Copt774 10 күн бұрын

this was a great tutorial - i needed to know all of the things you taught! and i appreciate you used the docs and have a very simple/consistent way of coding, makes it easier to follow

@kuramaX96 2 жыл бұрын

Hey lama !;) thank you for tutorial but i have one question : Is it safe to store user data in local storage? in real applications it is also stored like this?:) thank you :)

@smartv6500 2 жыл бұрын

hi lama thx for the video, i have a question when you are deleting an user it gets deleted from the database but not from the Authentication so you cant created an user with the same email again, how do i deleted it from both at the same time?

@binodkhatri7738 2 жыл бұрын

i was also searching for this did you find out??

@smartv6500 2 жыл бұрын

@@binodkhatri7738 turns out you cant do that, in fire base auth you can only delete the email/user you are loged in with

@binodkhatri7738 2 жыл бұрын

@@smartv6500 correct ,and i have also searched and found out we can make cloud functions which can helps us to delete the auth user at the same time when admin delete the user from user list but its not free we have to buy to use cloud function in firebase so ,the end on that .🤣

@carldejager5910 Жыл бұрын

All I can say is THANK YOU!!! YOU ARE TRULY A MASTER AND A LEGEND WITH REACT AND TEACHING!! MUCH RESPECT!!

@md.saimunhossain9867 2 жыл бұрын

Could you please continue with multiple auth and role wise permission in 2nd part?

@garvitmaloo9538 2 жыл бұрын

Hi {Lama || Safak}😅 Your videos have been really helpful for me. After learning the concepts of MERN stack, I have been looking for real-world projects and I found your channel. These projects have really helped me learn how to implement hooks, context and all the other stuff. Truly said, when the student is ready, the teacher appears 😁 I really want to show some support for you but I can't do it right now because I am a student and still in the learning phase. Once I get to a decent position in my career, I will return here and support you as a gesture of thanks. Promise !! 🤞

@memevideos7461 9 ай бұрын

how would I make sign in with gmail instead of email and password?

@erzhan6121 Жыл бұрын

How to delete and update user in auth db without admin SDK so i can do it in web browser??

@mizginmeo.o194 Жыл бұрын

anyone got invalid apikey error and can u recommend some solutions?

@ChrisStobbs 11 ай бұрын

This was such an awesome video, I love all your videos you have asuch a great way of explaining and demoing things. Do you have a video or somewhere to send me for the Update/edit of the single page. I'm can read the data from Firebase but I'm struggling to dynamically render the data based on a sourcefile

@dhananitejendra3151 2 жыл бұрын

Why only 96K subs man!

@DanielBustamante-le1kt 4 ай бұрын

THIS CODE HAS AN AUTHENTICATION ISSUE: WHEN I CREATE A NEW USER, THE SESSION SWITCHES TO THE NEWLY CREATED USER. HOW CAN I FIX THIS?

@johnsmith1789 Жыл бұрын

@Lama Dev, your tutorials and coding style are great, you make everything seem simple and relaxed. I enjoy all of your content. One issue with this tutorial I have though is: if a user is not logged in but tries to access an compent from a link from the outside, instead of rerouting to '/' in the RequireAuth, I get a console error that the protected component tried to render and since there is no user data to access, it crashes. Now if I do auth via Firebase getAuth(), if solves the issue, but when you page refresh it ends your session. What is a possible solution for this?

@matthewtang6806 Жыл бұрын

To solve "Uncaught (in promise) FirebaseError: Missing or insufficient permissions." at @34:26, I've tried to change the Firebase > Cloud Firestore > Rules. Hope this can help. From "allow read, write: if ture;" To "allow read, write: if request.time > timestamp.date(2020, 9, 10);"

@muneebislam2522 Жыл бұрын

how to delete users which are signed up please i need your help oji-san

@UsaUsa-pb2uy 3 ай бұрын

If anyone has the login code, click here

@mdnurullah9882 2 жыл бұрын

users table not working. cities then working. what is problem? useEffect(() => { const fetchData = async () => { try { const querySnapshot = await getDocs(collection(db, "users")); querySnapshot.forEach((doc) => { console.log(doc.id, " => ", doc.data()); }); } catch (error) { console.log(error); } }; fetchData(); }, []);

@sathish2song Жыл бұрын

not able to run becuase of this error. Any help plz Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.

@abuhanifashowrov2356 2 жыл бұрын

@gaodrumz9334 Ай бұрын

you are wonderful sir ❤❤❤👌👌🙏🙏🙏

@abuhanifashowrov2356 2 жыл бұрын

@404ashishgour 2 жыл бұрын

Super fan of your videos ❤️

@abuhanifashowrov2356 2 жыл бұрын

@aisrais2151 5 ай бұрын

where the setup of "LOGOUT"?

@abuhanifashowrov2356 2 жыл бұрын

@waziee Жыл бұрын

Hi Lama! I really love this tutorial. However, I couldnt get update part to work with the formSources.js, i want to store the data i get from Firebase to defaultValue but I couldnt. Could you please help me :)

@lancetv4826 Жыл бұрын

Tutorial on how to update the code? Currently facing 18 critical issues and audit fix --force just make it worst.

@eishi_tsukasa7805 10 ай бұрын

I've been trying to implement this with firebase, but I'm getting "dispatch is not a function" error in the login component. Firebase is working fine but the client side state is not working due to the error, I double checked the code and its the same as the video. Not sure what's wrong. Would appreciate any advice.

@abuhanifashowrov2356 2 жыл бұрын

@Llytkm 2 жыл бұрын

You deserve a like and a subscribe from me. Thanks Alot for the video

@rafaficek9655 2 жыл бұрын

Thanks for the course from Poland. You are a great teacher :)

@tariqahmed2526 5 ай бұрын

sir ab tack sara firebase aap sey sikha hy bus ab firestore rehta hy authentication bhi sikh lia

@peanut-butter-e1r 2 жыл бұрын

Getting Error when adding products FirebaseError: Firebase: Error (auth/admin-restricted-operation).

@dreamcatcher3597 Жыл бұрын

Hi Lama Dev, I want to know why you add db, storage constants in separate firebase file please. Is calling getDatabase getStorage in different components affect performance?

@shahmaraliyev6418 2 жыл бұрын

Kardeshim cok yardimci oluyon , tesekkur ederim. Thanks bro, your videos helps a ton

@xcrxwadda8287 2 жыл бұрын

Please,More MERN stack projects with redux and redux-toolkit

@Coding-is-life Жыл бұрын

is anyone having trouble with, widget area which the percentage of diff is saying infinity. I have a lot of head scratching about this problem.

@shoukathennadesigns5135 2 жыл бұрын

Can you help me out..how to get authenticated data by getserversideprop ...u have shown how to get data using serveraideprops in next js project ,but the data was not authenticated means I want to to know how to add Authorization in getserversideprops

@davidnguyen526 2 жыл бұрын

Hi, How did you set rule for storage? When I put allow read, write: if request.auth!=null, then I get Permission denied when getting image from firebase storage. I just want authorized user get the image.

@kakashihatake2902 8 ай бұрын

34:57 just keeping tracks

@interfacts11 2 жыл бұрын

Absolutely amazing tutorial! I can say you are my the best teacher! I learn a lot of things from you! Thanks a lot!

@eghambaramsubramanian2454 2 жыл бұрын

Good Learning Experience!!! Lama. If possible can you make any video tutorial using Breadcrumb Navigation explanation.

@Daily-digital 2 жыл бұрын

Can u add drop Down menu in exiting sidebar...plz i followed the first video and completed 🙂.

@NGRnp 2 жыл бұрын

my friend it's not far to get 100k sub wish you luck this video give me some knowledge of firebase and i think for 540 people also & i will be waiting full tutorial

@muhammadubaid3275 2 жыл бұрын

One of the best firebase and react tutorials. Thank you.

@harry4088 2 жыл бұрын

Sir i have a request...can u please make a complete e com website or food ordering website using ONLY ReactJS and Firebase nothing else please !!! love your videos #respect

@anycolouryoulike9160 2 жыл бұрын

Why would you hide the apiKey in the code? The api key is exposed when the user makes a POST request to login.

@kotlinmaster-td2vn 5 ай бұрын

2:05

@tishrabon-code 7 ай бұрын

i cannot clone it! why?

@depanama6281 2 жыл бұрын

hi,lamadev could you make it responsive . by the way you're fantastic

@ilyasinbillahilyas447 2 жыл бұрын

🔥🔥🔥🔥🔥🔥🔥🔥

@johndivine8068 2 жыл бұрын

Lama, you're simply the best ReactJS tutor I have seen atleast here on KZbin. With your courses, there is not a single boring moment. Everything is simple and straight to the point. Let me tell you for free, I owe my developer journey and successes to your courses. Thank you chief. I hope I get to meet you some day.

@seekknowledge1928 2 жыл бұрын

LAma is genius

@PattySpicy 2 жыл бұрын

AMAZING tutorial !!! I have finished this one and I have learned ALOT !! Thank you very very very muchhhhhh

@Dr.smileclinic 10 ай бұрын

😿

@harshRishi735 Жыл бұрын

There is a problem when we delete user because here we are only deleting user from database but not from users authentication

@lazzante2742 Жыл бұрын

abi verdiğin çok büyük bir hizmet, içeriklerinde çok kaliteli teşekkürler

@edberaga Жыл бұрын

I got error TypeError: dispatch is not a function...

@mehrdad1068 2 жыл бұрын

Please make tutorial for building marketplace like opensea🙏🙏🌹

@ahmetcan2741 Жыл бұрын

This is the best tuturial on the youtube , The developer always explaoining what are we doing and why we did this that was really helpful :) THANKSS

@sheltonfrancisco-dev Жыл бұрын

❤❤❤❤❤❤❤

@waltergermanes4528 Жыл бұрын

Where the Update part?

@awaisanees4352 Жыл бұрын

at 20:oo requireauth does not implement in my code ??

@awaisanees4352 Жыл бұрын

any other trick??

@fufool3650 2 жыл бұрын

i'm so greatful to saw this video, thank you very much.

@Kyle-Colangelo 2 жыл бұрын

I've watched the whole video, and your videos are amazing! If you could make finance or real estate type of app, that would be great

@coolcarlatv2944 2 жыл бұрын

Lama. Is the search bar working? You din not mention it on the video

@hamidr8391 2 жыл бұрын

Thanks😍 kindly do a Mern stack e-commerce and connect it with this dashboard.