React JS | Firebase - Create, Read, Update, and Delete (CRUD) using Realtime Database

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

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

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

    love you my guy !!
    ive looked at 5-6 Yt videos (30-40 mins each)
    but all of them were outdated.
    and finally I found your channel who have a working code and on top of that you got proper simple and short content.
    seriously thank you !!

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

      im subbing to you
      hopping some great content from you

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

      Thank you Harsh! I will be making for contents very very soon so don't worry.

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

      Same :)

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

    IT WORKSSSSS!!!!! Thank you sooooo much. I literally spent like a day trying to figure it out and most videos out there never worked. you are a golden person. you earned a subscriber that you deserve ❤

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

    short and straight to the point, great job!

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

    the most on the point not outdated video i have seen very awesome video keep going sir 🏹🏹🏹🚀🚀🚀🔥🔥🔥🔥🔥

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

    the easiest and cleanest firebase realtime database tutorial

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

    This is the only video that’s not outdated it seems like by reading the comments so I’ll try it out . I’ve watched lots of videos but none work.

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

    This is amazing 🔥 better than most I’ve seen.

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

      Thank you very much Adolf!

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

    Fantastic tutorial, exactly what I was looking for and more.

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

    you saved my diploma work thanks a lot for this tutorial

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

      Congrats Danik! 🎉🎉

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

    Nice video, I've never used Firebase before and was able to get a leaderboard for a React game working in about a half hour. Thanks!

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

    The only man that could explain this, thank you :)

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

    it's straightforward to me, thanks a lot. You're genius bro

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

    Too awesome! Thanks dude! Will help me a lot.
    I saw you have more of React+Firebase. I'm going to check all them. :D
    I'm subing and expecting to see more of your vids.

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

      Thank you so much Luccas! I will post more videos as soon as possible!

  • @bike-trip
    @bike-trip ปีที่แล้ว

    You created a really clear tutorial, thanks for your example of this app!)

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

    Thank you so much this tutorial helped me a lot !!!! Audio is low.

  • @user-sy6cr3nz5f
    @user-sy6cr3nz5f 9 หลายเดือนก่อน

    Love you Bro you made my day

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

    Thank you so much this tutorial helped me a lot !!!!

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

    So good tutorial , i mean this video straight to the point. Just want say Thank you very much!!👍🏻

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

    thank you for your kind explanation! i subscribe!

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

    CRUD lyfe

  • @DilshodMahmudov-q7q
    @DilshodMahmudov-q7q 11 หลายเดือนก่อน

    thanks for your lesson

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

    Thanks for this, very helpful 👍

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

    tnx you saved me!

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

    Thanks

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

    Great tutorial!

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

    Nice work... This is good

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

      Thank you so much! Glad you liked it!

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

    Excelente tutorial, gracias brother

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

    Audio is super low. At 100% and barely hear you.

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

    i m subscribed your chennal ..
    bcz this video is to much helpfull ...
    great 👍

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

      Thank you so much Syed! I'm glad I could help!

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

    Thanks for helping me fix my bugs

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

    The happiness

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

    When I add this code, all of my data gets deleted, why is that?
    //delete
    const handleDelete = (todo) =>{
    remove(ref(db, `/${todo.uuid}`));
    };

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

      make sure uuid is random everytime you create

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

    Thanks man

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

    Hola eres genial!! gracias

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

    thank you

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

    what about plotting firebase real time data on a graph

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

    Great Tutorial. except i don't hear you and the resolution screen is to bad.Also in real time database you must in firebase.js file in "const firebaseConfig = {...}
    databaseURL: "here reference url from firebase". Thanks Great Job.. i find realtime database is awesome

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

      Thank you Nikolas! I will keep that in mind next time!

  • @MrMan-cq1mv
    @MrMan-cq1mv ปีที่แล้ว +1

    What if try to update multiple values? I am trying to update 2 value named "sr and fr" i am not getting 2nd value to my input field. Passing sr, fr as parameter & updating both state inside handleUpdate function.

    • @MrMan-cq1mv
      @MrMan-cq1mv ปีที่แล้ว +2

      Solved: 🚀
      • got the unique I'd from table data.
      • managed to fetch both of the data from database
      Then I changed the both state
      & Populated both of the value to input field.

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

      Very glad to hear that!

    • @MrMan-cq1mv
      @MrMan-cq1mv ปีที่แล้ว

      @@notahacker30 upload more videos, thanks you ♥️🙏

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

    Потей братуха, делай жостко, да канца

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

    Data gets added randomly, how do I insert data in order?

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

      Hi Kris, what do you mean data gets added randomly? Please join my discord server if you want to fix this as soon as possible!

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

      @@notahacker30 What I was saying is when you enter the task it doesnt store the data in the order it is entered. I figured it out tho you use the orderByChild function to sort them

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

    Are you using firebase version 8 or 9 ?

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

      I believe i was using version 8

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

    8:04 - on create - when submitting, my realtime database isn't writing to Fireabase. I've followed the steps, enabled read and write, checked your github and the code all looks the same. Is there a potential reason for this?

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

      is there a step missing here or something?

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

      double check your firebase config. Also, it be could a small syntax error.

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

      Ill make a discord server soon so that we can fix it quicker.

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

      @@notahacker30 that's so kind, but all good now. Did the classic turn it off and on again and it worked for some reason. Sorry to be a pain!

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

      @@jamesarnold22 no problem! glad you fixed it!

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

    your tutorial is awesome but your voice is too low sir work on your voice only

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

      I will keep this in mind! Thank you!

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

    how to write on html page?

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

      In this tutorial, we will not be touching the file index.html. But if you want to build a website with no React JS, then, you will have to add all your elements inside body tag in index.html. Hope this is helpful!