Thread by @tlakomy

Fetch a random Star Wars character data using @sveltejs demo

Features:
- Fits in a tweet
- Handles loading state using the #await block
- Renders a _beautifully_ formatted JSON

Code in the next tweet 👇

<script>
async function sw() {
let r = await fetch(
`swapi.co/api/people/${Math.ceil(Math.random() * 9) + 1}/`
);
return await r.json();
}
let p = sw();
</script>

{#await p}<p>Loading...</p>{:then char}<pre>{JSON.stringify(char, null, 2)}</pre>{/await}

If you'd like to check out this code in action, check out this @codesandbox: codesandbox.io/s/bold-sammet-…

I also have an egghead playlist which will help you get started with @sveltejs in only 20 minutes 🥳

egghead.io/playlists/gett…