KZhead
Ғылым және технология

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

PedroTech
2024 ж. 9 Мам.
192 880 Рет қаралды
Жүктеу

Keep exploring at brilliant.org/PedroTech/. Get started for free, and hurry-the first 200 people get 20% off an annual premium subscription.
Learn Firebase Authentication, Firestore CRUD, Firestore Rules, Firebase Image Upload, FIrebase Deploying and Hosting.
Code: github.com/machadop1407/react...
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
TIMESTAMPS
00:00:00 | Intro
00:03:04 | Project Setup
00:06:56 | Setting up Authentication
00:28:44 | CRUD
00:44:22 | Firestore Rules
01:03:46 | File Upload
01:10:27 | Hosting using Firebase
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
FTC DISCLAIMER: This video was sponsored by Brilliant.
#reactjs #coding

Пікірлер

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

    @PedroTechnologies@PedroTechnologies Жыл бұрын

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

      @DigitalAlchemyst@DigitalAlchemyst11 ай бұрын

    • 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! 💙💙🔥🔥

      @jainamchheda@jainamchheda9 ай бұрын

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

      @JWClark-vx2vw@JWClark-vx2vw7 ай бұрын

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

    @sebastianbooth2174@sebastianbooth21743 ай бұрын

    • Saved my life, thanks!!

      @LeoR94@LeoR942 ай бұрын

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

    @classical381@classical38111 ай бұрын

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

    @artemchubenko@artemchubenko Жыл бұрын

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

    @junaidahmed1687@junaidahmed1687 Жыл бұрын

  • 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

    @salahaldinedouard5299@salahaldinedouard5299 Жыл бұрын

  • This is the perfect timing thank you !

    @claudem1543@claudem1543 Жыл бұрын

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

    @christiannaira6076@christiannaira60767 ай бұрын

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

    @rooneyjohn@rooneyjohn5 ай бұрын

  • I am actually doing a firebase online store project right now but with nextjs. Thanks for this video! 🤝

    @54peace@54peace Жыл бұрын

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

    @jabirmustahid3602@jabirmustahid360211 ай бұрын

  • 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

    @RyzeShib@RyzeShib8 ай бұрын

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

    @seans2366@seans2366 Жыл бұрын

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

    @sourav-zf2zi@sourav-zf2ziКүн бұрын

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

    @js_dev_uk@js_dev_uk10 ай бұрын

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

    @leonardoteixeira6268@leonardoteixeira6268 Жыл бұрын

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

    @avinashgardasalgonquin4371@avinashgardasalgonquin437111 ай бұрын

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

    @maralazizi@maralazizi5 ай бұрын

  • You're the best down to earth guy on KZhead. Stay that way. All the best!

    @liondepierre@liondepierre Жыл бұрын

  • 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.👍👏

    @bulelaniquinton7272@bulelaniquinton727210 ай бұрын

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

    @siddharthpradeep@siddharthpradeep Жыл бұрын

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

    @virtualalphastudios6149@virtualalphastudios6149 Жыл бұрын

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

    @salahaldinedouard5299@salahaldinedouard5299 Жыл бұрын

  • 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

    @TheyCallMeFelix@TheyCallMeFelix Жыл бұрын

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

    @mandlankosi2160@mandlankosi2160 Жыл бұрын

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

    @johan1206@johan1206 Жыл бұрын

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

    @october2562@october2562 Жыл бұрын

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

    @KodyWright-od2tb@KodyWright-od2tb Жыл бұрын

    • Appreciate that!

      @PedroTechnologies@PedroTechnologies Жыл бұрын

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

      @KodyWright-od2tb@KodyWright-od2tb Жыл бұрын

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

    @ibrahimqaiser4097@ibrahimqaiser40972 ай бұрын

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

    @chessgenius123@chessgenius1238 ай бұрын

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

    @VitorVelosoSA@VitorVelosoSA Жыл бұрын

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

    @noshamezmez288@noshamezmez2882 ай бұрын

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

    @muhammadk23@muhammadk23 Жыл бұрын

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

    @ryujin2206@ryujin22069 ай бұрын

  • 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

    @MikeCatrone@MikeCatrone7 ай бұрын

  • So well explain. Thank you man!

    @nicolasdupere@nicolasdupere Жыл бұрын

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

    @user-fs9ru6fm2h@user-fs9ru6fm2h7 ай бұрын

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

    @sepidem9@sepidem911 ай бұрын

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

    @albertoiong6895@albertoiong6895 Жыл бұрын

  • 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

    @vedantthakur8337@vedantthakur83372 ай бұрын

  • Thanks a lot!! This was really helpful!

    @chandradithyaj5558@chandradithyaj555810 ай бұрын

  • Perfect, exactly what i have been waiting for..

    @onahsunday6417@onahsunday6417 Жыл бұрын

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

    @avaneeshc@avaneeshc Жыл бұрын

    • then should i always make projects in production mode?

      @AvikNayak_@AvikNayak_ Жыл бұрын

    • @@AvikNayak_ Yes

      @kanishkjha7621@kanishkjha762111 ай бұрын

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

    @shivanighadge9899@shivanighadge989910 ай бұрын

  • just thanks man. you made my sunday ❤️

    @yashraj6565@yashraj656510 ай бұрын

  • Immensely helpful, thank you!

    @amalekilawlor2922@amalekilawlor29229 ай бұрын

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

    @rasul7702@rasul77027 ай бұрын

  • Just became a fan of urs mate !!

    @soheldatta3894@soheldatta38944 ай бұрын

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

    8 ай бұрын

  • Great video man! Thanks a lot!

    @VVVutov@VVVutov Жыл бұрын

  • thank you for simple and valuable tutorial.

    @MrSerler@MrSerler5 күн бұрын

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

    @cosanostraytc1030@cosanostraytc10306 ай бұрын

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

    @javidx24@javidx24 Жыл бұрын

  • best firebase course on KZhead

    @bharath2508@bharath250810 ай бұрын

  • brooo, thanks! you best

    @keepcalmandcodeon.@keepcalmandcodeon. Жыл бұрын

  • Super cool tutorial! Thank you!

    @kerberos4282@kerberos42823 ай бұрын

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

    @user-jm8xj8nb9m@user-jm8xj8nb9m3 ай бұрын

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

    @bravo1oh1@bravo1oh1 Жыл бұрын

  • very well explaining it , thank you for this

    @waifucodes@waifucodes9 ай бұрын

  • You made firebase look so awesome!!!

    @CleanDevelop@CleanDevelop8 ай бұрын

  • the best tut i came across!

    @alwazkazi1916@alwazkazi191610 ай бұрын

  • thanks a lot. really helpful

    @AdityaKumar-tu6nt@AdityaKumar-tu6nt Жыл бұрын

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

    @ankush_57s@ankush_57sАй бұрын

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

    @johnyha9236@johnyha923611 ай бұрын

    • same here😂😂

      @bhadguy9174@bhadguy917410 ай бұрын

  • THANK YOU SO MUCH I LOVE YOU💙💙💙💙

    @beirbbavs2558@beirbbavs25588 ай бұрын

  • really helpful, thank you

    @chima1638@chima16389 ай бұрын

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

    @sasqo@sasqo Жыл бұрын

  • Thank You Pedro!

    @abdalrhmanabdalrhman5278@abdalrhmanabdalrhman52782 ай бұрын

  • You are a life saver, thank you.

    @agent-sz2qj@agent-sz2qj8 күн бұрын

  • thanks for your video! awesome great job!

    @FulongZhou@FulongZhou10 ай бұрын

  • thank you so much, this tutorial help me a lot

    @dzikryhabibie6071@dzikryhabibie607110 ай бұрын

  • Time to learn Firebase I guess. Thanks, bro

    @flnnx@flnnx Жыл бұрын

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

    @bartodziej586@bartodziej586 Жыл бұрын

  • Amazing tutorial ❤❤

    @sujithvs9322@sujithvs93224 ай бұрын

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

    @PatrikRasch@PatrikRasch10 ай бұрын

  • Thank you very much for this tutorial.

    @enderkulucka@enderkulucka5 ай бұрын

  • Finally i can perform now crud after this thanks a lot

    @zalaam_0@zalaam_06 ай бұрын

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

    @noahg2@noahg210 ай бұрын

  • Thank you, excellent video.

    @Rex-jd5io@Rex-jd5io7 ай бұрын

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

    @mattfranks2372@mattfranks23729 ай бұрын

  • You are a living legend

    @mohammed_basher@mohammed_basher Жыл бұрын

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

    @AbdullahM-lc7le@AbdullahM-lc7le6 ай бұрын

  • Thank you bro!

    @mansoorrr9167@mansoorrr916710 ай бұрын

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

    @ibrahimolayiwola3605@ibrahimolayiwola36057 ай бұрын

  • Amazing tutorial!

    @mihaimc99@mihaimc998 ай бұрын

  • Love this Channel ❤❤❤

    @fahadkabooroo7395@fahadkabooroo73959 ай бұрын

  • This is really one of the most useful video on the topic if you really want to know how it all works.💚🤘

    @sumitparashar9802@sumitparashar9802 Жыл бұрын

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

    @nikolozmacharashvili1212@nikolozmacharashvili12129 ай бұрын

  • Thank you for using proper folder structure. A lot of the best tutorials dont use file proper structure.

    @jasonsworld333@jasonsworld333 Жыл бұрын

  • Thank you for this

    @BreeShortz360@BreeShortz36011 ай бұрын

  • thanks bro its was really good

    @dhanushpthampi5587@dhanushpthampi558724 күн бұрын

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

    @crypto4elik@crypto4elik Жыл бұрын

  • very helpful!

    @goldmoonpike969@goldmoonpike9698 ай бұрын

  • awesome explanation dude.

    @avinashverma6533@avinashverma6533 Жыл бұрын

  • thank you bro for this great tutorial! may I ask if this is applicable on react native as well?

    @penguinxed@penguinxed10 ай бұрын

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

    @mateuszsowa5121@mateuszsowa51218 ай бұрын

  • Thank you so much for this video bro.. ❤️. If you can make a video of node js it would be great.

    @sandeepp9880@sandeepp9880 Жыл бұрын

  • I enjoyed the video a lot. It is easy to follow and everything worked immediately. There is only one issue: 1:12.39 I used these rules with allow read, write: if request.auth != null; but I keep getting : main.df86fb0c.js:2 Error updating score in Firebase: FirebaseError: Missing or insufficient permissions. Was looking for help with Gemini and chatGPT but so far no solution. Any idea here?

    @mathbydoing@mathbydoing2 ай бұрын

  • Awesome video, on point didactics

    @user-lx9tx8ie8o@user-lx9tx8ie8o4 ай бұрын

  • This is gold! TY

    @lala4062@lala4062 Жыл бұрын
KZhead