Thread by @lihautan

HTML doesn't have a way of expressing logic, like conditionals and loops. @sveltejs does.

Let's take a look at the 1st logic block in @sveltejs, 👉 {#if} 👈

👇🧵 [THREAD]

If you prefer watching video, the following thread is a summary from my @YouTube video

💡{#if} is our 1st logic logic block in @sveltejs
💡it allow us to conditional render content
💡if comes with else, else if, just like you would expect in JavaScript

💡you can have as any elements inside the {#if}, {:else}, {:else if} block

💡like any logic blocks, you start with '{#', and end with '{/'
📝 such as {#if} ... {/if}, {#await}...{/await}, {#each}...{/each}

💡anything in between, use {:

💡 If you want to conditionally show different text, you may want to use a ternary operator instead 😏

[END] Follow @lihautan for more content like this, we are going to look at each next!

@cadars oh hey look img alt text! 😏