Build a Drum Machine | FreeCodeCamp By Using ReactJs

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

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

  • @DwinaTech-coding
    @DwinaTech-coding  3 ปีที่แล้ว +1

    Make sure to SUBSCRIBE and enable the bell for more tutorials, help the channel with share and like, thanks in advance. ❤️❤️

  • @delishkhadka216
    @delishkhadka216 3 ปีที่แล้ว

    Currently on JS algorithm and DS certification course , this will be helpful while doing front end library course
    And your tutorials are easy to understand too, thanks for the videos

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

    Thanks for this! I feel like I'm learning so much and not just copy pasting while following this tutorial.

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

    Brother thanks for your informative video. I was stuck for a while as I wasn't able to understand how to control an audio in react.

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

    Thank you friend god bless you, it is great tutorial

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

    Thank you for this video. Its easy to understand compare to other videos.

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

    Such a great tutorial, easy to understand code, and perfect organize flow! thanks!

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

    😂 LooooL!!! I was like "This guys picture looks super familiar. Have I seen him somewhere before? 🤔" and then I realised that I've come accross your profile on the CYF website. Thanks for the video and greetings from London Class 8! 😄``

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

      Yep, that is me 😁 thanks for bringing these memories, greeting from Glasgow.

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

    There is an issue with your code when you change to paino and press the key it still displays heater soundnames but doesnt happen when clicking the button?

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

      I have the same problem

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

      After placing the following code, I can now change sounds:
      const Keyboard = ({play, sounds}) => (
      {sounds.map((sound) => )}

      )

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

    Thank you, so much!

  • @camillegranier1184
    @camillegranier1184 3 ปีที่แล้ว

    It worked well for me, thanks for this quality tutorial!

  • @wearenumberone6672
    @wearenumberone6672 3 ปีที่แล้ว

    Best Tutorial! Really Helpful! Thanks A lot!

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

    Bro even though you make very good programs I would appreciate if you can do the same in a file structure to better understand how the data is transferred from one file to another through state and props.

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

      I will consider your recommendation, thanks for the feedback.

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

      @@DwinaTech-coding thanks for your consideration. Even though I have learned js I still get a bit confused as to how to transfer data from one file to another.

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

    9:30 How do I get the array of the audio object as you got it from freecodecamp??

    • @DwinaTech-coding
      @DwinaTech-coding  7 หลายเดือนก่อน

      @@DoctorTMG it is on freecodecamp testing page for project

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

      @@DwinaTech-coding could you please show me how to get it sir ?

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

    halaldi vallah :))

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

    Why is it that when I try to transfer the codes into visual studio code and run it, the drum is not appearing? The CSS and HTML run but the javascript is failing. I already installed babel.

    • @DwinaTech-coding
      @DwinaTech-coding  2 ปีที่แล้ว

      Try use `npx create-react-app my-app` to create a react App and then you need to modify the code that copying from codepen to fix any potential errors.