Zapoznaj się z platformą Svelte i dowiedz się, jak tworzyć inteligentne aplikacje internetowe, korzystając z tego przewodnika.

Svelte to jeden z najgorętszych frameworków JavaScript. W ankiecie StackOverflow Developer Survey z 2022 r. okazała się drugą najbardziej lubianą strukturą JavaScript wśród twórców stron internetowych. W tym przewodniku nauczysz się podstaw i nauczysz się budować prostą aplikację typu „do zrobienia” za pomocą Svelte.

Pierwsze kroki ze Svelte

Ustawisz rzeczy z Narzędzie do budowania Vite. Otwórz terminal i uruchom kolejno poniższe polecenia. Nazwij projekt „svelte-app” (lub według własnego uznania), wybierz Svelte jako platformę i ustaw JavaScript jako wariant.

przędza tworzy vite
płyta CD zgrabna aplikacja
przędza
rozwinięcie przędzy

Otwórz projekt w edytorze kodu, usuń plik lib folder i wyczyść zawartość pliku aplikacja.css plik i Smukłe aplikacje plik.

Jak Svelte porównuje się do React

The DOM to struktura przypominająca drzewo generowany z kodu HTML witryny, który pokazuje relacje między różnymi elementami składającymi się na stronę.

instagram viewer

W przeciwieństwie do React, który używa wirtualnego DOM, Svelte jest kompilatorem, który rozumie w czasie kompilacji, jak rzeczy w Twojej aplikacji mogą się zmienić. Ponieważ Svelte działa w czasie kompilacji, skutkuje wysoce wydajnym i zoptymalizowanym waniliowym JavaScriptem.

Reaktywność i animacja w Svelte

Struktura większości aplikacji Svelte jest przedstawiona poniżej. Możesz wybrać, aby nie uwzględniać styl tagi pozostawiając tylko scenariusz i znaczniki: