Firebase React Course For Beginners - Learn Firebase V9+ in 2 Hours

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

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

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

    Keep exploring at brilliant.org/PedroTech/. Get started for free, and hurry-the first 200 people get 20% off an annual premium subscription.

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

      you never linked out to the video on uploading and viewing pdf files

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

      Just completed your tutorial and brother you were awesome, i really learned a hell lot of stuff and fell in love with react once again!!! thanks bro! 💙💙🔥🔥

    • @JWClark-vx2vw
      @JWClark-vx2vw ปีที่แล้ว +1

      Bump this - where's the link? @PedroTechnologies 1:28:55

  • @sebastianbooth2174
    @sebastianbooth2174 ปีที่แล้ว +90

    For anyone still using this tutorial: make sure to wrap the `collection()` function or any other firebase function at the top of a component in a useMemo if it doesn't need to be called every time a component re-renders. The way the code is written here, `collection()` will be called for every change to any of the text inputs and counts as a firestore read which contributes to billing.

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

      Saved my life, thanks!!

    • @debojeetkarmakar9772
      @debojeetkarmakar9772 6 หลายเดือนก่อน +1

      I took screen shot of your commnt 😃 and added it to my notes section

    • @samyakshah4608
      @samyakshah4608 หลายเดือนก่อน +1

      example?

  • @vedantthakur8337
    @vedantthakur8337 11 หลายเดือนก่อน +7

    00:00 Complete Firebase in React course covering important topics.
    06:34 Setting up Firebase and installing the Firebase SDK for a React project
    12:54 Learn the deployment process of Firebase project
    19:33 Implementing authentication with Google in Firebase
    25:52 Firebase authentication and Firestore
    38:45 Fetch all documents using getDocs function from Firebase Firestore collection
    45:02 Creating a UI for adding movies
    58:33 Demonstrated functions to delete and update documents in Firestore using React.
    1:05:11 Learn how to implement different rules in Firestore Database.
    1:17:45 Firebase Storage allows for easy file storage and retrieval
    1:24:05 Firebase provides easy file storage and hosting services

  • @hiimunranked8663
    @hiimunranked8663 หลายเดือนก่อน +6

    Wow .. i dont understand why anyone on youtube cant teach with such intuitiveness like you do Pedro, honestly thank you!

    • @PedroTechnologies
      @PedroTechnologies  หลายเดือนก่อน +2

      Thanks man! Really appreciate it

  • @classical381
    @classical381 ปีที่แล้ว +23

    never have I ever watched a two hour long tutorial before this. you have some great teaching skills. keep these awesome courses coming.

  • @jabirmustahid3602
    @jabirmustahid3602 ปีที่แล้ว +24

    I have completed one-fourth of the video, hands down one of the best tutorials I have ever seen. You will find most tutorials just "telling" you write the code, but this guy explains everything the whole way through. Thank you.

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

    Honestly, this has to be the fastest yet the most understandable course for firebase I've ever seen, he just gets to the point with no bs

  • @yashofficial1305
    @yashofficial1305 6 หลายเดือนก่อน +3

    usually, I don't Like any YT videos BUT here I have to, and you deserve it.

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

    Thanks for covering firebase security in this video. Many youtubers just create a firestore database in test mode and they don't tell us about production mode and our database is expired after a month. It was highly appreciated bro, keep it up.

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

      then should i always make projects in production mode?

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

      @@AvikNayak_ Yes

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

    I finished the tutorial, and I'm going to review it again. Your explanation about firebase is so simple that even a kid can follow! I appreciate this mate!

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

    I'm doing The Odin Project and I can not thank you enough for this video! Their curriculum is solid, but their Firebase introduction lesson is poor. They linked to some seriously lacking and outdated Google Codelab. After a few days of headbanging the wall I found this. Watched the whole thing and it's all so much clearer now! Thank you so much!

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

    Thank you for showing me the deployment process, I never used "npm run build" before. I also never deployed anything with firebase before. Once again, Thank you!

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

    Thanks!

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

    This is the perfect timing thank you !

  • @sourav-zf2zi
    @sourav-zf2zi 9 หลายเดือนก่อน

    Thank you so much you saved my life i have learned the whole front end part and have been searching for a long time to learn backend watching tutorials of node and express where i face a lot of errors each time. I was planning to make a social media app but for the backend part i was struck for a long time and now i can make progress easily. Thanks again man , really appreciated the way you teach.

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

    here from the odin project and this video helped me so much more in understanding firebase compared to the recommended guides/docs.

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

      same here😂😂

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

    You made a video that I tried to find for a long time! Thank you for absolutely clear information about working with firebase!

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

    Love from India❤️❤️❤️❤️...... YOU ARE GIVING THAT CONTENT FOR FREE....WHICH Universities are not giving even after taking lacs of money as a fee

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

    I was stuck on authentication for a day and your video solved all problems within 5 minutes! You are a saviour

  • @KodyWright-od2tb
    @KodyWright-od2tb ปีที่แล้ว +1

    Happy to see you again my brother! I've been waiting on something dope.

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

      Appreciate that!

    • @KodyWright-od2tb
      @KodyWright-od2tb ปีที่แล้ว

      @@PedroTechnologies would you be able to help us with NextJs authentication with Firebase then be redirected to the Dashboard?

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

    Amazing videos I have been trying to learn firebase for a while now and I find that people over explain things I love the way you keep thing short and straight to the point Keep up the good work

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

    best firebase course on TH-cam

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

    Most simplified explanation for beginners as well as revising the concepts of firebase along with react.

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

    You just pointed out all the core things and It can't be more simpler than that. Great content. Good work. Thanks

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

    The reason you have to press space on the firebase init for hosting, you can select multiple things, you can do hosting and modify the firebase storage and firestore rules and anything else you want all in one go.

  • @Alinaa525
    @Alinaa525 ปีที่แล้ว +13

    This is a perfect tutorial for getting started with firebase , It covers all the basics . Much Thanks Pedro!!
    😇

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

    You're the best down to earth guy on TH-cam. Stay that way. All the best!

  • @azammohamed2434
    @azammohamed2434 8 หลายเดือนก่อน +1

    2024 and still relevant! Thank you so much for giving this much of value in the course!

  • @daeun-ah
    @daeun-ah 2 หลายเดือนก่อน +1

    you have no idea how much you've helped me just now!!

  • @SardorSaydazimov-b6h
    @SardorSaydazimov-b6h ปีที่แล้ว +1

    this video is amazing even i am not native speaker i understand it and i did not even notice how time past so quickly

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

    Pedro THANK GOD I found your channel. I am interviewing for my first tech position and because of the way you explain these techniques ect. I was able to learn code! I cant say thank you enough. If your ever in Chicago dinner and beers on me

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

    Excelente conteúdo, Pedro! Adoraria mais conteúdos sobre Firebase e ReactJS. Sua didática é muito boa :)

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

    Love the video. You made it super simple. I think I'm now in love with Firebase!

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

    just finished this video, I can loudly say that you are a great tutor indeed really enjoyed your tutorial. keep on doing great job we really appreciate videos like this.👍👏

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

    So well done! Great pace, great explanations, just great all around!! Thank you for this, subscribed, looking forward to seeing what else you've got up!! Amazing work!

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

    There is cut at 1:14:41 and we are left with nothing explained later on, and it seems you couldn't figure out why deleting didn't work. Anyways, I learnt a lot, thanks!

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

      The error that was causing this was "request.resource.data.userId", it should've been just "resource.data.userId"

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

    Just became a fan of urs mate !!

  • @noshamezmez288
    @noshamezmez288 11 หลายเดือนก่อน +1

    u helped me alot in my task ...thanks pedro keep Going

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

    Thank you so much for covering all important aspect of the firebase! it was so helpful!

  • @AdeolaOloyede-b9r
    @AdeolaOloyede-b9r ปีที่แล้ว

    Man!, You're one of the greatest teachers out there. Great work! Hope we can get to collaborate on a project someday!

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

    You are amazing . I 'm clearly understood because your explanation was very good ❤️❤️

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

    I was looking for a complete firebase + react course, thank you! ~

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

    Amazing video ❤❤, i really like long videos like that when they teach you everything.

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

    Thanks alot pedro Your content helps me out alot I find it hard to find updated videos on firebase

  • @vishwanaths340
    @vishwanaths340 หลายเดือนก่อน +1

    Thanks man this helped a lot to my project.
    😊

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

    Excellent tutorial. Didn't know firebase before this.🔥👊🏼

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

    Woah, this was fantastic and everything I was looking for. Thank you so much for putting this together!!!

  • @Kajan.24
    @Kajan.24 4 หลายเดือนก่อน

    Thank you for this incredible tutorial, one of the only ones to explain all the steps

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

    Muito bom, Pedro! Tava com dificuldade em colocar meu projeto em produção com o firebase e esse vídeo ajudou bastante. Inglês e didática impecável. Parabéns!

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

    Thanks for amazing tutorial! At the end of the video it is enough to edit firebase.json and change public folder to "build" instead of running firebase init :)

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

    Cool video, the signin method is actually signup method, for signing in after logging out firebase gives signInWithEmailAndPassword function, I have not completed the video yet so I am not sure if it was corrected in future, thanks for the tutorial, it was clean.

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

    Parabéns Pedro pelo tutorial!!! Muito detalhado e completo. É ótimo ver colegas brasileiros produzindo conteúdo de excelência como este!

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

    The long awaited video. Thanks man.

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

    This was great man, thanks for such an informative lesson! This will really help bridge a backend solution for a lot of my front-end work

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

    how was I just looking back to your original firebase video to find out you just created a new video 🤠

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

    Great work, I actually never new what firebase was before this video, Thanks Man...

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

    Best tutorial on firebase, is this the same for react native as well?

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

    Amazing tutorial ❤❤

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

    Very well explained, worth every minute, thanks dude

  • @Josiah-f5z
    @Josiah-f5z 12 วันที่ผ่านมา +1

    great video. You explained key concepts very well.

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

    for the sign in using the email method you actually made a register form not a sign in so take care as there is another method called signInWithEmailAndPassword function which is the one responsible for login

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

    Excellent video. This is a must watch for a beginner with the technology. Obrigado Machadão :)

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

    Thank you! It's very good tutorial for beginners. I tried learn firebase on my own, but it was very hard because the docs sucks.

  • @m-g-s-m-18
    @m-g-s-m-18 ปีที่แล้ว

    Thanks a million Pedro for proving such a helpful video. I highly recommend your channel to others.

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

    Time to learn Firebase I guess. Thanks, bro

  • @MDABDULAWAL-dk3zi
    @MDABDULAWAL-dk3zi 5 หลายเดือนก่อน

    You did very well. Best tutorial I can say. You complete within very short time. Amazing. Make a tutorial for complete ecommerce website.

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

    Hella good tutorial, probably one of the best out there. Super simple to understand.

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

    just thanks man. you made my sunday ❤️

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

    I knew I should subscribe to you! This is the exact reason why, its not because you are a super cool Twitch dev x'D

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

      Hahahaha

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

      @@PedroTechnologies Almost at the end of the video, you explained things I had to dig threw the docs for, no one on YT has made a tutorial this good and concise yet. Even though I know a good chunk of this information, I enjoyed watching it. Keep making videos like this and you will be the top Tutor for coding on here.

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

    bro I have got to say you are one of the best in education.

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

    Great tutorial on firebase with react !!! Please keep on recording and teaching us... 1000 thanks ...

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

    Thank you! i very love your tutorials. they are the most understandtable for me

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

    It's exactly what i need, thank you alot, best wishes

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

    Excellent video. You teached me every single thing that i need, thank you so much . You deserve more compliments than you get

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

    Make similar videos on appwrite, supabase, pocketbase or even a mern stack tutorial. Nice videos bro.

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

    Perfect, exactly what i have been waiting for..

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

    Thank you so much for the video. It was easy to understand for a beginner like me.

  • @savitavishwakarma1613
    @savitavishwakarma1613 4 วันที่ผ่านมา +1

    Thanx login form executed succesfully .

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

    Perfect intro to this. Every other video i found had a ton of extra shit in it. This was great. didn't deviate from exactly what I needed to know.

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

    createUserWithEmailAndPassword() is actually for creating a new user account, not signing into an existing account, associated with the specified email address and password.

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

    You made firebase look so awesome!!!

  • @AliAhmed-et8gd
    @AliAhmed-et8gd 2 ปีที่แล้ว +2

    Make a best practices and advanced tips & tricks pls
    🥺

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

    awesome explanation dude.

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

    Great video man! Thanks a lot!

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

    Best video on TH-cam 💖

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

    bro you are an excellent teacher. thank you verymuch

  • @AbdullahM-lc7le
    @AbdullahM-lc7le ปีที่แล้ว

    thank you pedro, you made easy to start firebase as begineer.please give a fullstact project using react,firebase.

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

    You are a living legend

  • @AdityaKumar-tu6nt
    @AdityaKumar-tu6nt ปีที่แล้ว +1

    thanks a lot. really helpful

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

    Very good tutorial Pedro... keep it up!!!

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

    the best tut i came across!

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

    Great Video, vey helpful, very well explained, Watched complete video, deserve appreciation...

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

    Thanks a lot!! This was really helpful!

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

    This video is fantastic. I really love it cos it made everything so easy for me .

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

    Thank you for your effort. Very useful course for me.

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

    it was very useful even if i didnt finish this lecture, becaue all previous vids on YT are with old version of firebase) thanks)

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

    Finally i can perform now crud after this thanks a lot

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

    hey bro thanks for your videos.. i built my 1st firebase react app using your videos..

  • @agent-sz2qj
    @agent-sz2qj 9 หลายเดือนก่อน

    You are a life saver, thank you.

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

    thank you for simple and valuable tutorial.