Tutustu Svelte-kehykseen ja opi kehittämään älykkäitä verkkosovelluksia tämän oppaan avulla.

Svelte on yksi kuumimmista JavaScript-kehyksistä. Vuoden 2022 StackOverflow Developer Survey -tutkimuksessa se nousi toiseksi suosituimmaksi JavaScript-kehykseksi verkkokehittäjien keskuudessa. Tässä oppaassa opit perusteet ja yksinkertaisen tehtäväsovelluksen rakentamisen Svelten avulla.

Svelten käytön aloittaminen

Asetat asiat Vite-rakennustyökalu. Avaa pääte ja suorita alla olevat komennot järjestyksessä. Nimeä projekti "svelte-app" (tai valintasi), valitse Svelte viitekehykseksi ja aseta JavaScript variantiksi.

lanka luo vite
CD hoikka-sovellus
lanka
lanka dev

Avaa projekti koodieditorissa, poista lib kansio ja tyhjennä sen sisältö app.css tiedosto ja App.svelte tiedosto.

Miten Svelte reagoi

The DOM on puumainen rakenne luotu sivuston HTML: stä, joka näyttää suhteet sivun muodostavien eri elementtien välillä.

Toisin kuin React, joka käyttää virtuaalista DOM: ia, Svelte on kääntäjä, joka ymmärtää rakennusvaiheessa, kuinka sovelluksesi asiat voivat muuttua. Koska Svelte toimii rakennusaikana, se tuottaa erittäin suorituskykyisen ja optimoidun vanilja-JavaScriptin.

instagram viewer

Reaktiivisuus ja animaatio Sveltessä

Useimpien Svelte-sovellusten rakenne on kuvattu alla. Voit halutessasi olla sisällyttämättä tyyli tagit jättävät vain käsikirjoitus ja merkintä: