Svelte - Wikipedia Bahasa Melayu, ensiklopedia bebas

Svelte
Svelte
Pembuat asal	Rich Harris
Pembangun	Rich Harris, Alan Faubert, Simon Holthausen, Dominic Gannaway, Tan Li Hau, Ben McCann, Paolo Ricciuti
Pelancaran pertama	26 November 2016; 8 tahun yang lalu
Versi terkini/stabil	5.28.2 (17 Julai 2018; 21 Julai 2018; 24 Julai 2018; 1 Ogos 2018; 2 Ogos 2018; 5 Ogos 2018; 8 Ogos 2018; 11 Ogos 2018; 12 Ogos 2018; 15 Ogos 2018; 23 Ogos 2018; 24 Ogos 2018; 25 Ogos 2018; 25 Ogos 2018; 28 Ogos 2018; 6 September 2018; 6 September 2018; 19 September 2018; 17 Oktober 2018; 20 Oktober 2018; 23 Oktober 2018; 24 Oktober 2018; 28 Oktober 2018; 30 Oktober 2018; 4 November 2018; 6 November 2018; 8 Disember 2018; 16 Disember 2018; 8 Februari 2019; 21 April 2019; 25 April 2019; 26 April 2019; 4 Mei 2019; 6 Mei 2019; 9 Mei 2019; 13 Mei 2019; 15 Mei 2019; 16 Mei 2019; 21 Mei 2019; 26 Mei 2019; 27 Mei 2019; 9 Jun 2019; 9 Jun 2019; 19 Jun 2019; 19 Jun 2019; 23 Jun 2019; 25 Jun 2019; 25 Jun 2019; 29 Jun 2019; 2 Julai 2019; 3 Julai 2019; 7 Julai 2019; 9 Julai 2019; 10 Julai 2019; 23 Julai 2019; 26 Julai 2019; 30 Julai 2019; 3 Ogos 2019; 5 Ogos 2019; 6 Ogos 2019; 12 Ogos 2019; 15 Ogos 2019; 20 Ogos 2019; 22 Ogos 2019; 4 September 2019; 7 September 2019; 8 September 2019; 8 September 2019; 9 September 2019; 10 September 2019; 10 November 2019; 11 November 2019; 13 November 2019; 18 November 2019; 30 November 2019; 9 Disember 2019; 10 Disember 2019; 10 Disember 2019; 11 Disember 2019; 18 Disember 2019; 23 Disember 2019; 24 Disember 2019; 13 Januari 2020; 14 Januari 2020; 21 Januari 2020; 23 Januari 2020; 25 Januari 2020; 27 Januari 2020; 9 Februari 2020; 23 Februari 2020; 23 Februari 2020; 5 Mac 2020; 15 Mac 2020; 16 Mac 2020; 24 April 2020; 3 Mei 2020; 3 Mei 2020; 4 Mei 2020; 17 Mei 2020; 26 Mei 2020; 9 Jun 2020; 10 Jun 2020; 7 Julai 2020; 5 Ogos 2020; 10 September 2020; 15 September 2020; 22 September 2020; 24 September 2020; 25 September 2020; 29 September 2020; 22 Oktober 2020; 22 Oktober 2020; 22 Oktober 2020; 22 Oktober 2020; 9 November 2020; 9 November 2020; 10 November 2020; 24 November 2020; 30 November 2020; 2 Disember 2020; 2 Januari 2021; 4 Januari 2021; 25 Januari 2021; 29 Januari 2021; 8 Februari 2021; 11 Februari 2021; 25 Februari 2021; 25 Februari 2021; 1 Mac 2021; 30 Mac 2021; 31 Mac 2021; 30 April 2021; 1 Mei 2021; 3 Mei 2021; 23 Jun 2021; 21 Julai 2021; 21 Julai 2021; 23 Julai 2021; 24 Julai 2021; 27 Julai 2021; 27 Julai 2021; 5 Ogos 2021; 5 Ogos 2021; 21 Ogos 2021; 24 Ogos 2021; 28 Ogos 2021; 11 September 2021; 16 September 2021; 23 September 2021; 30 September 2021; 13 Oktober 2021; 18 Oktober 2021; 1 November 2021; 19 November 2021; 13 Disember 2021; 6 Januari 2022; 11 Januari 2022; 12 Januari 2022; 15 Januari 2022; 26 Januari 2022; 3 Februari 2022; 31 Mac 2022; 31 Mac 2022; 9 April 2022; 30 April 2022; 7 Julai 2022; 2 September 2022; 8 September 2022; 10 Oktober 2022; 15 Oktober 2022; 9 November 2022; 10 November 2022; 6 Disember 2022; 13 Disember 2022; 10 Januari 2023; 17 Jun 2017; 23 Jun 2017; 23 Jun 2017; 23 Jun 2017; 23 Jun 2017; 23 Jun 2017; 7 Julai 2017; 10 Julai 2017; 22 Julai 2017; 25 Julai 2017; 27 Julai 2017; 28 Julai 2017; 30 Julai 2017; 4 Ogos 2017; 4 Ogos 2017; 2 Mac 2024; 9 Ogos 2017; 13 Ogos 2017; 14 Ogos 2017; 16 Ogos 2017; 24 Ogos 2017; 25 Ogos 2017; 28 Ogos 2017; 29 Ogos 2017; 1 September 2017; 3 September 2017; 3 September 2017; 5 September 2017; 10 September 2017; 12 September 2017; 13 September 2017; 16 September 2017; 19 September 2017; 20 September 2017; 23 September 2017; 4 Oktober 2017; 17 Oktober 2017; 20 Oktober 2017; 28 Oktober 2017; 12 November 2017; 18 November 2017; 21 November 2017; 23 November 2017; 25 November 2017; 27 November 2017; 3 Disember 2017; 3 Disember 2017; 5 Disember 2017; 7 Disember 2017; 9 Disember 2017; 10 Disember 2017; 11 Disember 2017; 11 Disember 2017; 13 Disember 2017; 14 Disember 2017; 16 Disember 2017; 16 Disember 2017; 24 Disember 2017; 24 Disember 2017; 30 Disember 2017; 2 Januari 2018; 6 Januari 2018; 11 Januari 2018; 19 Januari 2018; 20 Januari 2018; 26 Januari 2018; 3 Februari 2018; 9 Februari 2018; 11 Februari 2018; 23 Februari 2018; 24 Februari 2018; 5 Mac 2018; 5 Mac 2018; 6 Mac 2018; 7 Mac 2018; 8 Mac 2018; 9 Mac 2018; 12 Mac 2018; 13 Mac 2018; 15 Mac 2018; 19 Mac 2018; 24 Mac 2018; 24 Mac 2018; 27 Mac 2018; 28 Mac 2018; 29 Mac 2018; 30 Mac 2018; 1 April 2018; 3 April 2018; 4 April 2018; 12 April 2018; 14 April 2018; 15 April 2018; 15 April 2018; 15 April 2018; 17 April 2018; 18 April 2018; 19 April 2018; 20 April 2018; 22 April 2018; 29 April 2018; 29 April 2018; 30 April 2018; 1 Mei 2018; 3 Mei 2018; 3 Mei 2018; 4 Mei 2018; 6 Mei 2018; 11 Mei 2018; 13 Mei 2018; 14 Mei 2018; 16 Mei 2018; 17 Mei 2018; 24 Mei 2018; 25 Mei 2018; 25 Mei 2018; 28 Mei 2018; 5 Jun 2018; 8 Jun 2018; 20 Jun 2018; 23 Jun 2018; 29 Jun 2018; 1 Julai 2018; 9 Julai 2018; 9 Julai 2018; 15 Julai 2018; 10 Mac 2023; 15 Mac 2023; 30 Mac 2023; 5 Mei 2023; 8 Mei 2023; 22 Jun 2023; 20 Jun 2023; 31 Julai 2023; 17 Januari 2024; 15 Februari 2024; 19 Oktober 2024; 27 Mei 2025; Error: parameter pertama tidak boleh dihuraikan sebagai tarikh atau masa.)
Ditulis dalam	TypeScript
Sistem pengendalian	rentas pelantar
Pelantar	Pelantar web
Saiz	4.1 KB
Jenis	JavaScript framework, perisian sumber terbuka, bahasa pengaturcaraan, penyusun, perisian bebas, web framework, JavaScript library
Genre	Rangka kerja web
Lesen	Lesen MIT
Pautan berkaitan
Tapak web	svelte.dev
Repositori	Repositori svelte
Pautan lain
	sunting · sunting di WikidataLihat pendokumenan templat ini

Svelte ialah sebuah pengkompil bahagian depan bebas dan bersumber terbuka ciptaan Rich Harris dan kini^[bila?] diselenggara oleh pasukan teras Svelte.

Contoh

<script>
  import { scale } from 'svelte/transition';

  export let nama = "Sipolan";

  let baik = null;
</script>

<p>Apa khabar, <span>{nama}</span>?</p>

{#if baik !== null}
  {#key baik}
    <p>
      <span class="emoji" in:scale={{ start: 2, opacity: 0.5 }}>
      {#if baik}
        &#128077;
      {:else}
        &#128078;
      {/if}
      </span>
    </p>
  {/key}
{/if}

<button on:click={e => baik = true}>Baik</button>
<button on:click={e => baik = false}>Buruk</button>

<style>
  span {
    font-weight: bold;
  }
	
  .emoji {
    display: inline-block;
  }
</style>

Rujukan

^ "Frameworks without the framework: why didn't we think of this sooner?". Svelte.
^ "svelte@5.28.2". Dicapai pada 1 Mei 2025.
^ "Svelte@3.31.2". BundlePhobia. 8 Januari 2021.

Pautan luar

[1] "Frameworks without the framework: why didn't we think of this sooner?". Svelte.

[wikidata-1b412b7fce73b69b5c3e4f6ea1fc50d635f4931d-v5-2] "svelte@5.28.2". Dicapai pada 1 Mei 2025.

[3] "Svelte@3.31.2". BundlePhobia. 8 Januari 2021.

[1]

[2]

[3]