uhh isn't this just XML with a pointless render cycle since the DOM isn't mutable?
No, this does not parse as XML. XML does not allow braces around attribute values.
Make Dope Beats with ReactJS
21–30 of 47 posts
Re: Make Dope Beats with ReactJS
#22uhh isn't this just XML with a pointless render cycle since the DOM isn't mutable?
The render cycle is what makes it actually play the sounds and show the EQ.
Re: Make Dope Beats with ReactJS
#23React is actually really ideal for web audio components. The web audio api is quite easy to use for the most part. The hard part tends to be building usable ui on top of it. I've tried in the past to bundle up modular audio components in a way that they can be used in a package manager. It is hard to do well since you also need css and html to go along with the js. With react, all that stuff is already together in on…
That's really cool!
How much of the audio processing is software DSP in Javascript, and how much is wiring together API components?
Re: Make Dope Beats with ReactJS
#24Re: Make Dope Beats with ReactJS
#25Clever and cool to see such things in progress. Reminds me a bit of the Garage Band "Drummer" utility that I've been really impressed by. It could be the sample library used in the example but I would probably characterize the beat/output as more "MIDI Throwback" than dope. Slick and worth checking out for sure.
Re: Make Dope Beats with ReactJS
#26Clever and cool to see such things in progress. Reminds me a bit of the Garage Band "Drummer" utility that I've been really impressed by. It could be the sample library used in the example but I would probably characterize the beat/output as more "MIDI Throwback" than dope. Slick and worth checking out for sure.
Its a work in progress. Right now the synths are single oscillators with no filter. When I get those composing with effects, it'll sound more like a real patch. Also, sample maps for the sampler with note input will make doing things like wav based piano lines a lot easier.
Re: Make Dope Beats with ReactJS
#27What advantage does this have over a regular DAW (other than being free)? Wouldn't most artists not be familiar with all of the concepts inherent with using JSX, and find it easier using a more traditional DAW? (FL Studio, Cubase, Reason, Logic, etc.) I get that this is a for fun project it seems, just seems a little low on the practical scale for an artist.
If you can script it with JS, that can be a huge advantage. Lots of interesting compositional ideas become available when you have a Turing-complete scripting interface, ideas that are extremely tedious to execute in a DAW.
Having this all be accessible over the web is another advantage; not having to pay for and/or download a big heavy DAW to develop, collaborate on, or interact with your beats opens up a lot of possibilities.
It will be a long time before something like this can compete with a DAW in terms of polish and breadth of sounds, but it still offers a lot of interesting musical ideas to explore.
Re: Make Dope Beats with ReactJS
#28I'll take a second to shamelessly plug my library TinyMusic for those of you who might want similar-ish functionality but aren't familiar with or don't like React https://github.com/kevincennis/TinyMusic
nice! I just used it last week to make this little thing https://github.com/jhsu/atom-tonetype .
Re: Make Dope Beats with ReactJS
#29This is cool! I was a music producer before I got into engineering as well. I was very fond of my MPC, which I still own. It would be fun to make a replica of one of the early drum PC-based drum machines: Hammerhead
Re: Make Dope Beats with ReactJS
#30I'll take a second to shamelessly plug my library TinyMusic for those of you who might want similar-ish functionality but aren't familiar with or don't like React https://github.com/kevincennis/TinyMusic
nice! I just used it last week to make this little thing https://github.com/jhsu/atom-tonetype .
Hahaha. That's awesome!