Musings from my desk
Blog | Homepage

Loop Supreme, part 4: Adding a Scene

2022-11-07 12:58:26 +0000 UTC

This is part 4 in a series:


Add a basic Scene component, which should be a container for all the Tracks in the loop. A Scene should be able to add Tracks, and the Track component should be able to delete itself from the Scene track list.


This was a pretty boring task, mostly some simple React components. I refactored the “Container” styles into a new component so the Metronome and Scene would look the same. I’m not totally sure I’ll keep this styling but for quick iteration I wanted it to be visually consistent.

The only thing that held me up on this task was forgetting to put the key prop in the right place 🤦🏻. Initially, I added it to the top-level div in the Track component, rather than on the actual Track component rendered in the Scene. This caused the “remove” functionality to break and I was scratching my head until I realized my silly mistake.

Status of app

Loop Supreme Scene

Next time

Time log