Что такое Svelte?

Svelte — это фреймворк для создания пользовательских интерфейсов в вебе. Он использует компилятор для преобразования декларативных компонентов, написанных на HTML, CSS и JavaScript…

JS

App.svelte

<script>
  function greet() {
    alert('Добро пожаловать в Svelte!');
  }
</script>

<button onclick={greet}>нажми меня</button>

<style>
  button {
    font-size: 2em;
  }
</style>

TS

App.svelte

<script lang="ts">
  function greet() {
    alert('Добро пожаловать в Svelte!');
  }
</script>

<button onclick={greet}>нажми меня</button>

<style>
  button {
    font-size: 2em;
  }
</style>

…в компактный, оптимизированный JavaScript.

Вы можете использовать его для создания чего угодно в вебе, от автономных компонентов до амбициозных полнофункциональных приложений (с использованием сопутствующего фреймворка Svelte, SvelteKit) и всего, что между ними.

Эти страницы служат справочной документацией. Если вы новичок в Svelte, мы рекомендуем начать с интерактивного учебника и вернуться сюда, когда у вас возникнут вопросы.

Вы также можете попробовать Svelte онлайн в песочнице или, если вам нужна более функциональная среда, на StackBlitz.