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]

We've seen how we can use {#each} to repeat content in @sveltejs ,

let's talk about the keyed each block, and what does it mean to have a key for each block

https://twitter.com/lihautan/status/1411547328931143680

👇🧵[THREAD] 📹If you prefer learning through video, the following thread is a summary from my @YouTube video

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

How do you pass dynamic data when you forward slots in @sveltejs? Let's recap, here is how you forward slots

How much do you know about the 7 event modifiers in @sveltejs?

Let's take a look what you need to write if you don't have them 👇 1️⃣ preventDefault

this is equivalent of calling event.preventDefault() on the start of the event handler

Another week on #CSSpodcast, this weeks topic is CSS Functions 😍

🧵 CSS Functions provides runtime contextual expressions that return dynamic real-time value per the state of the browser per user in that moment

In the latest episode #CSSpodcast, @Una and @argyleink shared a ton of pseudo-classes

(I managed to note down 3️⃣9️⃣ of them 😱)

🧵 Here is a thread of what were shared in the podcast 👇👇👇 Pseudo-classes are selectors, lets you apply style to element based on info outside of the doc tree:

🌎 meta information, eg: language, history of navigator
☑️ state of the element, eg: checked, active, disabled

✨Pseudo-classes are great for implementing micro-interactivity

Been using @reactjs for years, here is how @sveltejs code is different from @reactjs

1️⃣ Stateless Component 2️⃣ Fragment

😍 You don't need a Fragment to group multiple elements in @sveltejs

Learned a ton of pseudo elements, that i didnt know existed, in this week's #CSSpodcast by @Una and @argyleink

thecsspodcast.libsyn.com/014-pseudo-ele…

Learn about 9️⃣ things I learned in the thread 👇👇 1️⃣

pseudo elements has 2 colons in front ::
🆚
pseudo class which have 1 colon in front :