Wanted to share a project I've been working on, more as a component of a larger one but largely a standalone. As an amateur musician, I've been looking for ways of displaying custom chord diagrams inline (for example, in TAB music charts). The `svguitar` library is pretty effective, but it requires a fair knowledge of js to implement it - not really a "plug and play option". So I built the thing. With this, I can `<chord-diagram instrument="Standard Mandolin" chord="Dm7"></chord-diagram>` in the HTML and all the js contained. It includes some logic (lazy logic) to generate chords dynamically, but it also includes a chord editor - and the way I've built it, it looks first for a user override, then a system override, and only if it doesn't find those does it use the dynamic utility. It's a Custom Web Component built with Lit.js, it can be standalone or used as part of a contextual system (so if a user is logged in, there can be a user context). If any of y'all are interested, https://github.com/parent-tobias/chord-component - feel free to beat on it and use it if you have an application for it.

There is no single “Best” JavaScript framework; Select Your ideal choice

I've done a number of projects when trying to up my react native and flutterflow game. BUT, Whenever I feel like I thought up a "New" and "Innovative" idea, I usually find out to several people already beat me to it and it's like I'm already late to the game. Anyone with a similar experience, please share 🥺. I'd like to know how you handled it.

The more I continue to develop Gextron dot com, I catch myself using Map a lot more than plain objects. They're both let you store key-value pairs, but they're not the same thing... Object: - Keys are always strings - Great for config records or user objects - Easy to convert to JSON (which is really important) But are really annoying when you want to loop over the object. You don't get direct access to both keys and values the way you do with a Map. You have to use helper functions like Object.keys(), Object.values(), or Object.entries() [IMG 2] Maps is a lot cleaner. - Always preservers insertion order - Fast for frequent add/remove operations - Helpful helpers: .size, keys(), values(), entries() 👉 Takeaway: Map is built for iteration, while Object needs workarounds. What about you⁉️ Have you ever switched from Object → Map and instantly solved a bug or performance issue?

Supabase auth vs ClerkJS Which one and why?