react-music — Make beats with React!

Datetime:2016-08-23 04:46:17          Topic: React           Share

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!





About List