jpollard-cs / react-flow-web-audio

A simple Web Audio playground built with React Flow. Follow the tutorial to learn how to build it yourself.

React Flow Web Audio Playground

This repo contains a small Web Audio playground built with React Flow. Go check out the blog post if you want to build your own from scratch!

Features of the playground include:

• Create new audio nodes
• Update node data with some UI controls
• Connect nodes together
• Delete nodes and connections
• Start and stop audio processing

The tutorial covers React Flow topics including:

• Using zustand for state management.
• Custom nodes and controls.
• "Running" or interpreting a React Flow graph.

Development

This app was built using Vite for development.

Installation

Before you start, you need to install the dependencies:

npm install

Spin up a dev server

npm run dev

Build

npm run build