Music of React

on YouTube ↗22m

" summary

Live demo shows a browser-based drum machine and synth built with React components, the Web Audio API, and Ableton Link; tempo sync is implemented via a link client and socket.io and reports 115 BPM during the demo. State flows through Redux-style reducers and middleware that emit and handle link tempo actions. The app uses block-based tracks (drums, bassline, melody) plus FX modifiers, and the integration with external gear works in the room.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and welcome
2. 1:31Music and free time
3. 2:59From guitar to music production
4. 4:05Connecting React and Ableton
5. 6:27Demo of React and Link protocol
6. 8:24Music structure parallels
7. 16:55Live music performance
8. 20:18Closing and thanks

" related talks

• 12mMusic of ReactWowa Barsukov · React Amsterdam 2018
• 19mBeats in the browserKaho Cheung · Next.js Conf 2022
• 35mReact beyond markupPeter Onneby · XebiCon'17
• 14mMusical Creativity in the BrowserScott Ammon · CascadiaJS 2020
• 08mReactronica: Music as a Function of StateKaho Cheung · ReactConf AU 2020
• 26mReact & Web Audio Api: Building a MIDI InteracePeter Piekarczyk · React Rally 2015
• 32mSequencing Audio Using React and the Web Audio APIBruce Lane, Vincent Riemer · React Amsterdam 2017
• 40mLiveJS: Making Music with JavaScriptRuth John, Martin Schuhfuss, Matt Mckegg · ColdFront 2017