Upoznajte se s okvirom Svelte i naučite kako razviti pametne web aplikacije pomoću ovog vodiča.
Svelte je jedan od najpopularnijih JavaScript okvira. U anketi za razvojne programere StackOverflowa 2022., on se pokazao kao drugi najomiljeniji JavaScript okvir među web programerima. U ovom vodiču naučit ćete osnove i kako izraditi jednostavnu aplikaciju za zadatke koristeći Svelte.
Početak rada sa Svelteom
Postavit ćete stvari s Vite alat za izradu. Otvorite terminal i redom pokrenite donje naredbe. Nazovite projekt "svelte-app" (ili po vašem izboru), odaberite Svelte kao okvir i postavite JavaScript kao varijantu.
pređa stvoriti vite
CD vitka aplikacija
pređa
pređa devOtvorite projekt u uređivaču koda, izbrišite lib i izbrišite sadržaj mape app.css datoteka i App.svelte datoteka.
Kako se Svelte uspoređuje s Reactom
The DOM je struktura poput stabla generiran iz HTML-a web mjesta, koji pokazuje odnose između različitih elemenata koji čine stranicu.
Za razliku od Reacta koji koristi virtualni DOM, Svelte je kompajler koji tijekom izgradnje razumije kako se stvari u vašoj aplikaciji mogu promijeniti. Budući da Svelte radi u vrijeme izgradnje, rezultira vrlo učinkovitim i optimiziranim vanilla JavaScriptom.
Reaktivnost i animacija u Svelteu
Struktura većine Svelte aplikacija ilustrirana je u nastavku. Možete odabrati da ne uključite stil oznake ostavljajući samo skripta i oznaka:
