Fretful.io (scales/chords fretboard web visualizer)

[itsratso]

@Noisembryo

it seems like you have a lot of unnecessary re-rendering going on. Try to decouple your components using some sort of Flex (Redux) architecture and use memoization (Reselect) to prevent unnecessary renders.

I was just going to say that, you beat me to it

I remember looking at fretful when this thread first started and honestly thinking hmm… OK. you’ve come a long way since. gonna buy a couple coffees, nicely done

[gcancella]

@itsratso

I was just going to say that, you beat me to it

Techie stuff. Noisembryo is onto something though. I will update the project to Vue 3 which makes use of new techs for reactivity, which won’t trigger as much rerenders. Might lose support for Internet Explorer 11, but hey, we’re in 2021.

@itsratso

OK. you’ve come a long way since. gonna buy a couple coffees, nicely done

Thank you, really! Coffees are always appreciated

[gcancella]

Added 3 chords

• Major 6th add 9th (6/9)
• Major 7th add 13th
• Dominant 7th sharp 9th (7#9)

Thanks @joergkutter for the suggestions!

[joergkutter]

Absolutely fantastic resource, Gonçalo - love it!!

[gcancella]

Just launched a dark theme variation! You can switch between light and dark on the top right switch. I’m also trying with fluid layout, instead of constraining it.

Take a look: fretful.io

I’m working on another big feature! Can’t wait to share it with you guys

[T_dub]

@gcancella

Can’t wait to share it with you guys

Great work, can’t wait to see it.

[et1421]

Techie stuff: (I didn’t see the previous version, so I can’t tell) Did the update to Vue3 helped with the performances?