Challenges With Svelte 4

## Challenges with Svelte 4 When Svelte came around, it utilized everything in JavaScript's toolbelt to improve developer experience. And they still do. It is as simple as you can get. For instance, within Svelte components, top-level variables are always reactive, e.g. ``` <script> let amount = 0; function add() { amount++; $: double = amount * 2; </script> <button type="button" on:click={add}>Add</button> <div>Current amount: {amount}</div> <div>Double amount: {double}</div> ``` … But, in reality, apps grow in size and complexity. Figuring out which variables are reactive and which aren't can get hard. Also, assignment reactivity works only at the top level of `.svelte` files, which can lead to unexpected bugs and problems when refactoring, splitting, or moving code around. This is only the tip of the iceberg, but the topic of this article are not the problems of a potentially great technology, but the future solutions to the mentioned problems. …