react-music — Make beats with React!

The past few days Ken Wheeler has been tweeting some sneak peeks of what he’s been up to, after having heard that Akai was discontinuing its standalone hardware MPC drum machine offering:

I did what any geek that writes React code all day long would do: I wrote a library so that I can make beats with ReactJS.

The result is react-music:

react-music let you make beats using JSX code and hooks into the Web Audio API to turn your code into beautiful music. There is no UI, with the exception of a play/stop button and a spectrum analyzer that renders on your page.

No UI, only code:

<Song tempo={90}>
  <Sequencer resolution={16} bars={1}>
    <Sampler
      sample="/samples/kick.wav"
      steps={[0, 4, 8, 12]}
    />
  </Sequencer>
</Song>

Amazeballs!

Make Dope Beats With ReactJS →
react-music (GitHub) →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.