jeppzone

<div>
  {loading
    ? <LoadingIndicator />
    : <SomeOtherComponent />
  }
</div>

jeppzone

<div>
  {#if loading}
    <LoadingIndicator />
  {:else}
    <SomeOtherComponent />
  {/if}
</div>

jeppzone

<script>
  import LoadingIndicator from "./LoadingIndicator.svelte";
  let statistics = [];
  let loading = false;
</script>

<div class="container">
  <h2>Statistics</h2>
  {#if loading}
    <LoadingIndicator />

jeppzone

<script>
  let count = 0;
  $: doubled = count * 2;

  function handleClick() {
    count += 1;
  }
</script>

<button on:click={handleClick}>

jeppzone

import React, { useState } from "react";

export default () => {
  const [a, setA] = useState(1);
  const [b, setB] = useState(2);

  function handleChangeA(event) {
    setA(+event.target.value);
  }

jeppzone

<script>
  let a = 1;
  let b = 2;
</script>

<input type="number" bind:value={a}>
<input type="number" bind:value={b}>

<p>{a} + {b} = {a + b}</p>