https://jshji.com/tags/svelte/Recent content in Svelte on jshjiHugoen-usSat, 13 Jun 2026 00:06:54 +0800https://jshji.com/posts/svelte-day-1/Sat, 13 Jun 2026 00:06:54 +0800https://jshji.com/posts/svelte-day-1/<p>In the era of artificial intelligence, I&rsquo;m going through Svelte basics! It&rsquo;s been a while since I used Svelte, and it&rsquo;s been a long while since I last read through tutorial for a language framework. This feels good, I am enjoying it!</p> <p>Here are some things that I wanted to take a note of:</p> <h2 id="mutation-compatible-reactivity">Mutation-compatible reactivity</h2> <p>When I was using React years ago, I often wrote updates like:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#a6e22e">data</span> <span style="color:#f92672">=</span> [...<span style="color:#a6e22e">data</span>, <span style="color:#a6e22e">newData</span>]; </span></span></code></pre></div><p>instead of:</p>