CRUD Tutorial Using React + Firebase | Firebase 9 and Firestore Tutorial
Vložit
- čas přidán 27. 07. 2024
- Hey guys in this video I will show you guys how to build a crud app using react and firebase.
Code: github.com/machadop1407/fireb...
🌟 Get 20% Off Brilliant: brilliant.sjv.io/PedroTech
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
💻 Join our Discord: / discord
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: machadop1407@gmail.com
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
00:00 | Intro
8:50 | Setup
16:15 | Viewing on UI
26:15 | Create
29:50 | Adding data created to doc
39:05 | Delete
#firebase #firestore - Věda a technologie
20 yrs old! I'm shocked, such an inspiration man thank you for your great content, you're killing it at a young age!
Thank you Josh! I really appreciate your support!
You made my life easy now. Have been searching a ton of tutorials but this one is the best and straightforward. Thanks a lot!
Glad to hear that!
same here man this video is such a help
same man hes so straight to the point
same here
Hey Pedro! I don't normally comment on CZcams videos, but this video is just so helpful that I really should thank you. Most other tutorials out there are outdated because of how different version 9 is, and I too scratched my head more often than I should before I found this video. So thank you very much for explaining what you explained here. I'm very excited to try out this new power of back end as a service in my hand.
Great video! Serves the purpose of getting started with Firebase, especially having in mind that 99% of other videos on this topic are outdated. The author goes over the process in a structured and explicit-enough manner,. Thanks and good luck, Pedro!!!
True bro, I clone a project with a database and all I get is webpack errors from firebase
I haven't commented on any videos before today, but I've gotta say this lecture is PERFECT and very easy to follow. Thank you for sharing your awesome knowledges
I spent about a day and a half trying to work out how to get react app and datastore to work together, with like 12 different approaches and SO MANY WEBPACK ISSUES. I'm 25 minutes into this tutorial and I've already made more progress with Firestore than I could from trawling so many forums and stackoverflow posts and so on. Thank you.
bro you are AMAZING at explaining this. Will be following your future Firebase stuff 100%. youre super clear and explain each step with clear reasoning. one of my favorites on youtube at this point
I can't thank you enough for this tutorial! 👏 I was losing my mind over it because I failed many times this CRUD thing with Firebase. I was on it for 3 days, testing this and that. Until I watched your video... not only I finally succeed, but I understood how to make it. So thank you! I'm subscribing to your channel 👍
Salve, amigo. Comecei a estudar sobre o assunto recentemente e seu vídeo deu uma boa esclarecida. Muito bom!
This is a great and the most comprehensive video on Firebase. I spent 10 hours just trying to process the configuration while I learned a lot more in an hour from this tutorial. Thank you very much:)
You have no idea how much this video has helped me! Thank you so much and really looking forward to watch more of your amazing videos
Thank you so much Pedro I followed your tutorial start to finish and I made it work with react native I like how you explain things and not just writing code keep it up you are my coding Sensei :D
Thanks so much bro, i’ve been struggling with reading from firebase for almost an entire day, despite being able to implement update with just the firebase documentation along. Its 6am now and i can finally sleep after applying what you’ve taught!!
Cheers, and i’ll always be here to support your journey as a youtuber, and thankyou once again for your help :)
Thank you for the support! I am glad that I helped you :)
Great tutorial, the subject matter was clearly explained, just what I needed, thanks Pedro
as a strict ui/ux designer and frontend developer i think firebase is extremely useful. Thank you very much for the tutorial, much love.
one of the best tutorials, clear meaningful and practical content ! being able to articulate is another factor for you to be given a thumb up !! thanks !
Great video- I needed a quick and focused video on using react with firebase and this was it! Thank you!
Great tutorial, thanks Pedro! Very concise, easy to follow along in real-time, and super informative. Will be experimenting with firebase for my next few dev projects. :)
That's a perfect tutorial! Thank you so much! Parabéns pela forma que ensina no vídeo! Foi incrível!
This literally the best firebase tutorial... and trust me because I watch thousand videos today and you just saved me ! Thank you so much ❤❤❤👋
Thank you Tr Pedro . Really i have been failing to archive react crud for 4 days.... you have made it simple for me
Thank you Pedro, I was looking for good firebase 9 tutorial for weeks. Please do a full React + Firebase project if possible.
love u buddy .you made my life easy now .i was searching tutorials for firebase 9 and i found u again love u 🧡
You deserve a million likes on this video, this has been the best and the most simplified video I've watched relating to this topic
Glad you liked it!
Now I think I can complete the application I was building in React.js because I was bored with build the backend.
Thank you so much
O Man! This is literally the perfect video to get started on React with Firebase!! This was a major help for me as I am new to react... So thanks man! I usually don't comment at all on CZcams but this was required. Recommending this video to my mates in the college now!
So easy to understand with you! Thank you my friend for the value you give us !💯
thank you for the beautiful content i was feeling so hard to cover this but after I watched it it was like a piece of cake for me
Indeed thank you so much Pedro. I had been struggling with Firebase 9. Your tutorial is the only up to date method that seems to work. Sub'd my brother 😃
This was great and straight forward. I would have loved to have seen you also include how to grab a single document and display that as well.
This tutorial is amazing! Great work Pedro.
The best video across all youtube for quick learning Firebase, you are the best, Just got a new suscriber ;)
This is what I was actually looking for... And Yuh explained each n everything so nicely ... Thank you so much @PedroTech ... May GOD bless Yuh ...❤❤❤
Pedro thank you a lot for pretty clear intro into firebase! One evening and it is DONE! Obrigado buddy!
This is the clearest video about firebase I've seen.
Best programming tutorial out there. no bullshit, just straight explanation of what is this and that.
Love the video tutorial. Maybe you could make a Bonus Edition or something that goes over firebase functions and how to use them. It's great to watch tutorials and all, but if someone made a nice short video about what each firebase command did that would be cool
You are an excellent teacher. Thanks for this video, it's exactly what I was looking for
Pedro Mate!!! , it is always a pleasure , Much Love . Thank you for the awesome content
so far best video on firebase db operation, now firebase documentation becomes understandable after watching this video!!
Thank you bro
Dude... amazing job on this video! I just wanted to say thank you for killing it on this vid! Great job 👏 👍 👌 🙌
You are doing great work. The best tutorial I have ever found to understand firebase
Your voice's clear, your explanations're clear, everything's good. Thanks for your courses!!!!!
What a great tutorial, man!
Love you. I really appreciate this.
U HELPED ALOT, KEEP MAKING VALUABLE CONTENT! REALLY AMAZING!!!
Seriously good tutorial. Right to the point and explained very well!
I went everywhere, I did not meet anyone who tells like you. Really thanks for your hard work
You really helped me! I like your way in explaining. Share more tutorials with us.
great video man. Im new to react, and it looks like I gotta go hit up your other videos and drink from this fountain of knowledge
Tutorial otimo! Parabéns Pedro, além de uma explicação ÓTIMA, teu inglês tbm é mt bom kkkk! Tmj! :D
Cleanest description of topics!! Well done.
Great tutorial. I love it. Thanks a lot Pedro
You are a great man. Thank you for the awesome and clear explanations. Keep it up.
you saved me
I'm Brazilian and I don't have good videos in Portuguese explaining firebase 9.
I thank
Thank you very much
Good video with simple explanation and not a ton of unecessary dependencies ... thnak you !
Amazingly explained tutorial. To the point and super easy to understand. Thank you so much!
Wonderful class, Pedro!! Thanks for your explanation!!!
What an awesome tutorial. Thanks a lot Pedro
Well done Pedro! Good work. You are brilliant! Go Ahead!
Great tutorial with really good explanations! Thanks :)
The best video for a firebase beginner... believe me...I saw many...
Explicação limpinha!!! Obrigado
Thank You! You simplified things for me man!!
YESSS! Best firebase tutorial out there, could you do a full stack app with Docker tutorial and/or show how to use firebase deploy?
Good suggestion!
Learned here in 42 min what others on youtube couldn't teach me all day lmao!!!
You have earned a loyal subscriber , keep it up bro 👍
You are the best Reactjs Tutorial Teacher. Thanks!
Wow, already more than 100K subs! Seems a new rockstar is buidling up here. And totally deserved :)
I guess in few years, you are as popular as Brad Traversy or Web Dev Simplified. Keep it up!
Thank you soo much! I learned a lot from this video! Wish you the best of luck!
Tnq uhhhhh broo...... I want to make backend for my eCommerce app ... For that I want to learn this ... But no one teaches like this straight forward... I watched hunders off video....
Finally understand tnq uhh so much
Very straightforward and very easy to understand, thanks Pedro
why is it always your videos covers exactly what i have been looking for on youtube. anyways the video helped, thanks.
Very concise and helpful. Thanks!
Style Of Your Teaching Is Really Good , I Like Love It , I don't comment on the videos but you forced me to do that So Thank You For Providing Knowledge Pedro .
Amazing vid! Brother really appreciated for your effort 🔥
thanks man, i am from Brazil and your video helped me a lot
Man, loved it!
First time playing with CRUD.... :D
Thanks Pedro, that was a very clear tutorial!
Man this was a life saver, great content
Thank you so much, straight to the point, explained perfectly.
you are a great teacher, I appreciate the video..Thank you so much, and I will also like to suggest to all the viewers that if we put users state in useEffect array dependency then we don't have to refresh the page again and again.. its not a big deal but it will be convenient for us to learn and save time.🤘🏼
there will be infinite loop if we do that
@@devinbits236 no, this will just check for changes in users, and if there is , will be updated, so no refresh :)
Very straightforward! Thank you, Pedro! It will help me a lot!
@PedroTech I've noticed that Firestore returns me the data in an infinite loop. I've passed the value collectionRef within the dev dependencies in order to get the data whenever the db changes, but, for some reason Firebase returns in an infinite loop regardless it updated or not. How can I solve this? I've been searching for a solution for a while and no success so far.
Thank you this is very helpful for basic React + firestore. At least we are able to know React as Front end and a little bit of backend using Firebase :)
thanks, dude! you really help me a lot with your tutorial!
made it all so clear, thank you!
Great tutorial, thanks Pedro!
Thanks! This is a great tutorial. Really easy to follow :)
Love you Pedro, Thanks alot.. From Dominican Republic
It Was Very Easy To Understand, Thanks, Pedro.
Thanks Bro, this video really helped me out a lot!
Very good tutorial, thanks a ton man!
Thank for the simplest explanation on youtube!
best, simple, straightforward to subject.. good job
So much useful man !!
On point✌️
Thank you so much Sir for this amazing tutorial.
you made an good video for everyone who want's to learn basics of firebase you have good teaching and technical skills to deliver the actual message of video thank you so much make it easy.👌
Wow dude you really on point with this!
Very good! Helped me a lot. Thx
Thank you from bottom of my heart 💕 . You really have a great sense of teaching. God bless you. Sending love from Pakistan..
Nice one , literally clear n easy