CRUD Tutorial Using React + Firebase | Firebase 9 and Firestore Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 546

  • @titojuice
    @titojuice 2 ปีที่แล้ว +37

    20 yrs old! I'm shocked, such an inspiration man thank you for your great content, you're killing it at a young age!

    • @PedroTechnologies
      @PedroTechnologies  2 ปีที่แล้ว +3

      Thank you Josh! I really appreciate your support!

  • @soumyadeepkeshri713
    @soumyadeepkeshri713 2 ปีที่แล้ว +147

    You made my life easy now. Have been searching a ton of tutorials but this one is the best and straightforward. Thanks a lot!

  • @TomasValiukas
    @TomasValiukas 2 ปีที่แล้ว +39

    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!!!

    • @engineermaxwel6732
      @engineermaxwel6732 2 ปีที่แล้ว

      True bro, I clone a project with a database and all I get is webpack errors from firebase

  • @_WyreZ
    @_WyreZ 2 ปีที่แล้ว +4

    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.

  • @ChristianFigueroa-v6b
    @ChristianFigueroa-v6b 18 วันที่ผ่านมา

    I like how as someone who doesnt consider themselves a web developer, I found this video very helpful not only in learning the basics of using Firebase, but also learning some of the interesting things about Javascript. Thank you! I actually ended up enjoying learning and coding JavaScript from this!

  • @boblee1414
    @boblee1414 ปีที่แล้ว +5

    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 :)

    • @PedroTechnologies
      @PedroTechnologies  ปีที่แล้ว

      Thank you for the support! I am glad that I helped you :)

  • @user-ln6dp1qx8y
    @user-ln6dp1qx8y ปีที่แล้ว +8

    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

  • @pysavantcodes
    @pysavantcodes ปีที่แล้ว +4

    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

  • @alpaca_growing_kit
    @alpaca_growing_kit 2 ปีที่แล้ว +2

    as a strict ui/ux designer and frontend developer i think firebase is extremely useful. Thank you very much for the tutorial, much love.

  • @fabioh.lorenzetti7822
    @fabioh.lorenzetti7822 2 ปีที่แล้ว

    you saved me
    I'm Brazilian and I don't have good videos in Portuguese explaining firebase 9.
    I thank
    Thank you very much

  • @Cansulab
    @Cansulab 2 ปีที่แล้ว +2

    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 👍

  • @blcknwt
    @blcknwt 2 ปีที่แล้ว +1

    This is the clearest video about firebase I've seen.

  • @yasinnkhann
    @yasinnkhann 2 ปีที่แล้ว +7

    YESSS! Best firebase tutorial out there, could you do a full stack app with Docker tutorial and/or show how to use firebase deploy?

  • @abhinavsalar4083
    @abhinavsalar4083 2 วันที่ผ่านมา

    Awesome way of teaching. You made firebase CRUD so simple. Thanks for such a great video.

  • @yosuanicolaus
    @yosuanicolaus 2 ปีที่แล้ว +5

    Hey Pedro! I don't normally comment on TH-cam 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.

  • @davidofug
    @davidofug 2 ปีที่แล้ว +1

    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

  • @vinaybeesaveni5817
    @vinaybeesaveni5817 2 ปีที่แล้ว

    The best video for a firebase beginner... believe me...I saw many...

  • @lilith4317
    @lilith4317 ปีที่แล้ว +1

    El mejor video que he visto de lejos, saludos desde la comunidad hispanoparlante.

  • @ayda6646
    @ayda6646 2 ปีที่แล้ว +1

    This literally the best firebase tutorial... and trust me because I watch thousand videos today and you just saved me ! Thank you so much ❤❤❤👋

  • @Davyhatesu
    @Davyhatesu ปีที่แล้ว

    Learned here in 42 min what others on youtube couldn't teach me all day lmao!!!

  • @ssumit196
    @ssumit196 2 ปีที่แล้ว +3

    Thank you Pedro, I was looking for good firebase 9 tutorial for weeks. Please do a full React + Firebase project if possible.

  • @mdatiqurrahman8370
    @mdatiqurrahman8370 ปีที่แล้ว

    so far best video on firebase db operation, now firebase documentation becomes understandable after watching this video!!
    Thank you bro

  • @plamerify
    @plamerify 2 ปีที่แล้ว

    why is it always your videos covers exactly what i have been looking for on youtube. anyways the video helped, thanks.

  • @mageshyt2550
    @mageshyt2550 2 ปีที่แล้ว +1

    love u buddy .you made my life easy now .i was searching tutorials for firebase 9 and i found u again love u 🧡

  • @johnpaulpineda2476
    @johnpaulpineda2476 2 ปีที่แล้ว

    Best programming tutorial out there. no bullshit, just straight explanation of what is this and that.

  • @alfanndunyas1416
    @alfanndunyas1416 2 ปีที่แล้ว

    I went everywhere, I did not meet anyone who tells like you. Really thanks for your hard work

  • @aibiikeabdysamatova4340
    @aibiikeabdysamatova4340 ปีที่แล้ว

    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:)

  • @whoasadkhan
    @whoasadkhan ปีที่แล้ว

    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

  • @baotruong5775
    @baotruong5775 2 ปีที่แล้ว

    Your voice's clear, your explanations're clear, everything's good. Thanks for your courses!!!!!

  • @szuchenshen1293
    @szuchenshen1293 ปีที่แล้ว +1

    Good tutorial, now I see how it works to use No SQL database for CRUD function

  • @samsonbrody6308
    @samsonbrody6308 2 ปีที่แล้ว +1

    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

  • @pratikraj7475
    @pratikraj7475 2 ปีที่แล้ว +4

    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.🤘🏼

    • @devinbits236
      @devinbits236 ปีที่แล้ว

      there will be infinite loop if we do that

    • @georgitodev7865
      @georgitodev7865 11 หลายเดือนก่อน

      @@devinbits236 no, this will just check for changes in users, and if there is , will be updated, so no refresh :)

  • @truongphan4904
    @truongphan4904 ปีที่แล้ว

    You are the best Reactjs Tutorial Teacher. Thanks!

  • @Idontknowcode512
    @Idontknowcode512 ปีที่แล้ว +1

    You are doing great work. The best tutorial I have ever found to understand firebase

  • @jacobhenry7223
    @jacobhenry7223 2 ปีที่แล้ว

    Thank you Tr Pedro . Really i have been failing to archive react crud for 4 days.... you have made it simple for me

  • @BaBa-pf3ol
    @BaBa-pf3ol 2 ปีที่แล้ว +5

    8:50 Setup
    16:15 Viewing on UI
    26:15 Create
    29:50 Adding data created to doc
    39:05 Delete

    • @PedroTechnologies
      @PedroTechnologies  2 ปีที่แล้ว

      Thank you!!!

    • @BaBa-pf3ol
      @BaBa-pf3ol 2 ปีที่แล้ว

      @@PedroTechnologies i did it for myself lol. Btw thankyou for uploading such beneficial tutorials. Respect from Pakistan ✌🏻

  • @user18501
    @user18501 2 ปีที่แล้ว

    Thank for the simplest explanation on youtube!

  • @alitaa1154
    @alitaa1154 2 ปีที่แล้ว +2

    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

  • @kurtguardia
    @kurtguardia หลายเดือนก่อน

    To the point, how a tutorial should be, thanks man

  • @unluckydude8882
    @unluckydude8882 ปีที่แล้ว

    U HELPED ALOT, KEEP MAKING VALUABLE CONTENT! REALLY AMAZING!!!

  • @dexcoder1207
    @dexcoder1207 2 ปีที่แล้ว +1

    I'm frontend developer and I just think to make a crud application with firebase and now you just uploaded the video 😊😊😁😁

  • @HuzaifaUsman313
    @HuzaifaUsman313 ปีที่แล้ว

    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 .

  •  2 ปีที่แล้ว

    thanks man, i am from Brazil and your video helped me a lot

  • @hafizehtisham7534
    @hafizehtisham7534 ปีที่แล้ว

    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 ...❤❤❤

  • @dipanshumishra6956
    @dipanshumishra6956 ปีที่แล้ว

    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 TH-cam but this was required. Recommending this video to my mates in the college now!

  • @LarryMarkel
    @LarryMarkel ปีที่แล้ว

    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

  • @user-ev9et1cb9d
    @user-ev9et1cb9d ปีที่แล้ว

    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.👌

  • @vasilemidrigan50
    @vasilemidrigan50 ปีที่แล้ว

    Pedro thank you a lot for pretty clear intro into firebase! One evening and it is DONE! Obrigado buddy!

  • @junaid_arif
    @junaid_arif ปีที่แล้ว +1

    Your voice and way of explaination is excellent brother

  • @craiggazimbi
    @craiggazimbi 2 ปีที่แล้ว

    Pedro Mate!!! , it is always a pleasure , Much Love . Thank you for the awesome content

  • @donnazukowski
    @donnazukowski 2 ปีที่แล้ว

    You are my now go-to-person. I would like to see how to use the Firebase API with React.

  • @fabioortiz
    @fabioortiz 2 ปีที่แล้ว +2

    Salvou demais mano, muito obrigado!

  • @mcdonylee
    @mcdonylee ปีที่แล้ว

    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 :)

  • @josehernandezmontiel7228
    @josehernandezmontiel7228 2 ปีที่แล้ว

    The best video across all youtube for quick learning Firebase, you are the best, Just got a new suscriber ;)

  • @user-lo6un4hk5e
    @user-lo6un4hk5e 10 หลายเดือนก่อน

    Very straightforward and very easy to understand, thanks Pedro

  • @raihanjushan7427
    @raihanjushan7427 2 ปีที่แล้ว +1

    Very useful vedio , thank you give this quality vedio. Thanks pedro tech. Thank you bro.

  • @MattyAce
    @MattyAce 11 หลายเดือนก่อน

    What an awesome tutorial. Thanks a lot Pedro

  • @MitySoftDOM
    @MitySoftDOM 2 ปีที่แล้ว

    Love you Pedro, Thanks alot.. From Dominican Republic

  • @musicwithsaurav21
    @musicwithsaurav21 2 ปีที่แล้ว

    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

  • @ChaeRi9
    @ChaeRi9 ปีที่แล้ว

    Cleanest description of topics!! Well done.

  • @JesseJames7
    @JesseJames7 ปีที่แล้ว +2

    Seriously good tutorial. Right to the point and explained very well!

  • @madara8999
    @madara8999 2 ปีที่แล้ว

    You have earned a loyal subscriber , keep it up bro 👍

  • @monome3038
    @monome3038 2 ปีที่แล้ว

    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

  • @jamesharper5850
    @jamesharper5850 2 ปีที่แล้ว +2

    Great tutorial, the subject matter was clearly explained, just what I needed, thanks Pedro

  • @pauljones9150
    @pauljones9150 2 ปีที่แล้ว +2

    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

  • @adarshchakraborty8555
    @adarshchakraborty8555 2 ปีที่แล้ว

    Thank you so much for not choosing test/locked mode while creating firebase, Everyone choose test mode but no one tells what rules to set in production.

  • @Zoeybamboey
    @Zoeybamboey 2 ปีที่แล้ว +2

    Great stuff here. You explain every detail extremely well. Big help in my understanding of firebase

  • @gwynbleidd8388
    @gwynbleidd8388 ปีที่แล้ว +2

    That's a perfect tutorial! Thank you so much! Parabéns pela forma que ensina no vídeo! Foi incrível!

  • @leandergangs3565
    @leandergangs3565 2 ปีที่แล้ว +2

    Great video!
    Just a note: You don't need to hide the "initializeApp" config values, since those are not meant for security.
    So you don't really need to make them into env_variables. :)

    • @cryptodev2615
      @cryptodev2615 2 ปีที่แล้ว

      Your api key shouldn't be exposed though?

    • @leandergangs3565
      @leandergangs3565 2 ปีที่แล้ว +1

      @@cryptodev2615 Totalt agree, but in this case firebase themselves say you don't need to. Ofc it doesn't hurt to hide it. :)

    • @mauhidusmani7212
      @mauhidusmani7212 9 หลายเดือนก่อน

      @@leandergangs3565 but then anybody can access my database with my config values

  • @michaelhorvilleur8898
    @michaelhorvilleur8898 2 ปีที่แล้ว +1

    Why can't every video be as beginner friendly and clear as this. You should teach a class!

  • @kennethpineda6143
    @kennethpineda6143 2 ปีที่แล้ว +1

    Thank you! It's my first time learning firebase. Please continue to make firebase tutorial like Firebase-admin and Firebase Authentication. Version 9

  • @Aj-po9dc
    @Aj-po9dc 2 ปีที่แล้ว

    Dude... amazing job on this video! I just wanted to say thank you for killing it on this vid! Great job 👏 👍 👌 🙌

  • @crawfordvining4208
    @crawfordvining4208 2 ปีที่แล้ว

    Great video- I needed a quick and focused video on using react with firebase and this was it! Thank you!

  • @PedrinSDC
    @PedrinSDC 2 ปีที่แล้ว +2

    Salve, amigo. Comecei a estudar sobre o assunto recentemente e seu vídeo deu uma boa esclarecida. Muito bom!

  • @spikycoders
    @spikycoders 2 ปีที่แล้ว +1

    simple clean easy to understand good job @PedroTech ❤

  • @abrahamlincoln5724
    @abrahamlincoln5724 2 ปีที่แล้ว +3

    This is what I was looking for.
    Could you please upload a video on how to show the realtime change in firestore like when you add a new user, it should show up on the web page without reloading. And when you delete a user, user should be removed from the UI and the firestore simultaneously without reloading the page.

    • @PedroTechnologies
      @PedroTechnologies  2 ปีที่แล้ว +1

      To make that work you can either use optimistic rendering (where you alter the state) or just refetch the data

    • @santhoshgowtham5798
      @santhoshgowtham5798 2 ปีที่แล้ว +1

      Use can use the useEffect dependency array to make it happen. In that array have that user variable so that whenever Anychange is happen db data is fetched.

  • @maliksaraanasim5404
    @maliksaraanasim5404 2 ปีที่แล้ว

    Thanks man , that modular firebase stuff was giving me a headache. Thankyou

  • @Sweatshirtshoot
    @Sweatshirtshoot ปีที่แล้ว

    Good video with simple explanation and not a ton of unecessary dependencies ... thnak you !

  • @bastienv6233
    @bastienv6233 ปีที่แล้ว

    So easy to understand with you! Thank you my friend for the value you give us !💯

  • @artemisqueen2003
    @artemisqueen2003 8 หลายเดือนก่อน

    Amazingly explained tutorial. To the point and super easy to understand. Thank you so much!

  • @brichcode
    @brichcode 2 ปีที่แล้ว

    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.

  • @asharma741
    @asharma741 2 ปีที่แล้ว

    I'm a lazy person seldom I write the comments but your way of teaching has made me just say that you are really awesome keep it up👍👏

  • @muhammadarsalanahmed5643
    @muhammadarsalanahmed5643 2 ปีที่แล้ว

    Thank you from bottom of my heart 💕 . You really have a great sense of teaching. God bless you. Sending love from Pakistan..

  • @omararias80
    @omararias80 2 ปีที่แล้ว

    This is the best and the newest react-firebase tutorial.

  • @ritualj0int
    @ritualj0int 2 ปีที่แล้ว

    Wow dude you really on point with this!

  • @acreed3638
    @acreed3638 2 ปีที่แล้ว +1

    best chanel for learining React, no cap

  • @ADIYR
    @ADIYR 2 ปีที่แล้ว

    always find a solution if you go to this channel, thank you bro, success always

  • @suntzu5282
    @suntzu5282 2 ปีที่แล้ว

    Man, loved it!
    First time playing with CRUD.... :D

  • @PauloGois86
    @PauloGois86 2 ปีที่แล้ว +4

    Explicação limpinha!!! Obrigado

  • @AlanaLGolden
    @AlanaLGolden ปีที่แล้ว

    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. :)

  • @JoywithShams
    @JoywithShams 2 ปีที่แล้ว

    best, simple, straightforward to subject.. good job

  • @vontadedeaprender7492
    @vontadedeaprender7492 2 ปีที่แล้ว

    Great video! Brazil here!

  • @florenciobritez5521
    @florenciobritez5521 ปีที่แล้ว

    This tutorial is amazing! Great work Pedro.

  • @andyklenzman3845
    @andyklenzman3845 2 ปีที่แล้ว

    best video ive seen on this topic

  • @pricecharts8676
    @pricecharts8676 2 ปีที่แล้ว +1

    Great tutorial. I love it. Thanks a lot Pedro

  • @FSCO_sahilsatishchavan
    @FSCO_sahilsatishchavan ปีที่แล้ว

    Nice one , literally clear n easy

  • @losrobbosful
    @losrobbosful ปีที่แล้ว

    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!

  • @abulkhairrifat6752
    @abulkhairrifat6752 ปีที่แล้ว

    Great tutorial, thanks Pedro!

  • @World_information5568
    @World_information5568 2 ปีที่แล้ว +1

    Thank you so much Sir for this amazing tutorial.

  • @ahmedashraf-cf9lt
    @ahmedashraf-cf9lt 2 ปีที่แล้ว

    the best one i love to learn from, love u from egypt