Disclaimer: I didn’t learn Svelte before v5, so this is an experience report on translating Svelte 4 code to 5. This is a blind jump into Svelte. The Basics Svelte components end in .svelte like .jsx or .tsx. They look more HTML-like than JavaScript. In comparison, ReactJS is more JavaScript-like than HTML. <script> let { name } = $props(); </script> <h1>Hello, {name}!</h1> Typescript To use TypeScript, add lang=”ts” to the script tag: ...
What is simple? Rich Hickey makes a good abstract definition, but it can be difficult to translate to everyday code. I encourage you to watch that before returning to this. I’ll still be here. Ok, let’s start at that definition. Hickey’s simplicity is the disentangling of concerns. It’s easy to convolute from what seems like straight-forward statement. For example, a high-level example would be what domain-driven design proponents argue for. Separate solving your problem domain from the machinery that you use to solve it. Separate How from What or When. ...