philanthropy is in some ways the the most symbolic externalization of neoliberal capitalism. Some people have amassed huge amounts of wealth through a rigged game of extraction and destruction of life. And then it's also presented back to us as an alternative to capitalism that somehow philanthropy can solve the problems that capital created in the first place. And in many ways, that is the fundamental paradox and the absurdity of modern philanthropy.

The consumer component will barely change from our last example. The only difference is the way we'll get a reference to our store (since now the store is exported from the JS module):

Now your whole WS logic can be encapsulated in your JS module. That makes for good separation of concern.

Stores are the idiomatic Svelte way when you need to import "reactivity" from your normal JS sources.

One of the consequences (although arguably not the primary motivation) of DRY is that you tend to end up with chunks of complex code expressed once, with simpler code referencing it throughout the codebase. I can't speak for anyone else, but I consider it a win if I can reduce repetition and tuck it away in some framework or initialisation code. Having a single accessor definition for a commonly used accessor makes me happy - and the new Object class code can be tested to hell and back. The upshot is more beautiful, readable code.

Yes, you can embed loops in it and compose lots of small repeated JSX snippets, but that almost never happens in practice because mixing the turing complete of javascript with the markup of HTML eliminates the readability of JSX so that it is actually harder to parse than a solution like hyperscript (the syntactical approach taken by virtual-dom).

This is easily solved by extracting components, either as template partials/JavaScript components, or using Tailwind's @apply feature to create abstractions around common utility patterns.