I'm not sure if you examples highlight the pros for Svelte, if anything, they actually discouraged me from learning it
So what's wrong with this way of doing it. It is more readable and maintainable.
This is highly debatable. Looking at the snippet, several questions came to mind: What is bind:value? it's not a valid HTML attribute as far as I know. Why is there an unused variable in the <script> tag? What is this syntax of {name}, maybe it refers to the one in the <script> tag, but isn't the tag already closed before getting to this line?
Overall, it makes me think Svelte has too much implicit magic.
Anyone without JS knowledge can go through the Svelte code and can guess what's happening there
Why is Svelte's readability to non-JS devlopers an advantage? It's an JS lib/framework at the end of the day. You're trading readability between JS and non-JS devs here, what good does it bring?
An as an aside, I've yet to come across a resource for writing reusable libraries that target Svelte. I often find myself writing npm-installable component libraries, and react hooks brought it to another level by letting me ship non-visual logic with ease, is there such concept in Svelte?
I'm not sure if you examples highlight the pros for Svelte, if anything, they actually discouraged me from learning it
This is highly debatable. Looking at the snippet, several questions came to mind: What is
bind:value? it's not a valid HTML attribute as far as I know. Why is there an unused variable in the<script>tag? What is this syntax of{name}, maybe it refers to the one in the<script>tag, but isn't the tag already closed before getting to this line?Overall, it makes me think Svelte has too much implicit magic.
Why is Svelte's readability to non-JS devlopers an advantage? It's an JS lib/framework at the end of the day. You're trading readability between JS and non-JS devs here, what good does it bring?
An as an aside, I've yet to come across a resource for writing reusable libraries that target Svelte. I often find myself writing npm-installable component libraries, and react hooks brought it to another level by letting me ship non-visual logic with ease, is there such concept in Svelte?
To answer your last paragraph; the concept you're looking for is custom stores