Get a Star Wars character with @sveltejs
<script>
function sw() {
return fetch(
`swapi.co/api/people/${Math.ceil(Math.random() * 10) + 1}`
).then(r => r.json());
}
</script>
{#await sw()}
<p>wait</p>
{:then c}
<p>{c.name}</p>
{/await}
<script>
function sw() {
return fetch(
`swapi.co/api/people/${Math.ceil(Math.random() * 10) + 1}`
).then(r => r.json());
}
</script>
{#await sw()}
<p>wait</p>
{:then c}
<p>{c.name}</p>
{/await}
If you'd like to learn how this works, I've just published an @eggheadio lesson which is FREE for the next couple of days! 😁
It's only 80 seconds and you can add "await block in @sveltejs" to your LinkedIn 🥳
egghead.io/lessons/svelte…
It's only 80 seconds and you can add "await block in @sveltejs" to your LinkedIn 🥳
egghead.io/lessons/svelte…
@sveltejs Wait, it gets better!
@sveltejs <script>
let f = () => fetch(`swapi.co/api/people/${Math.ceil(Math.random() * 10)+1}`).then(r => r.json())
</script>
<style>*{font-family: "Comic Sans MS";color: magenta;}</style>
{#await f()}<p>wait</p>{:then c}<p>{c.name} | gender: {c.gender}</p>{/await}
let f = () => fetch(`swapi.co/api/people/${Math.ceil(Math.random() * 10)+1}`).then(r => r.json())
</script>
<style>*{font-family: "Comic Sans MS";color: magenta;}</style>
{#await f()}<p>wait</p>{:then c}<p>{c.name} | gender: {c.gender}</p>{/await}
