Thread by @lihautan

If you have a promise waiting for your data, {#await} block makes it easy to express your content in the loading 🕑, resolved ✅ and rejected ❌ state

So, let's talk about the {#await} block in @sveltejs

👇🧵[THREAD]

Here's the general structure for the {#await} block

🕑 {#await}
✅ {:then}
❌ {:catch}
👋 {/await}

[1/4]

All the states are optional, so you could have

😜 no loading state
😆 no resolved state
😅 no rejected state

[2/4]

🕑 ONLY loading state
✅ ONLY resolved state
❌ ONLY rejected state

[3/4]

💡Much like the {#each} block, you can destructure the resolved value and rejected error!

[4/4]

[END] Follow @lihautan for more content like this, we are going to look at how destructuring works in JavaScript next!

📹All these are part of my "Svelte tutorial for Beginners" @YouTube video series,

💡 You can always subscribe to my channel to get notified for the next awesome content!

👉👉 youtube.com/lihautan?sub_c…