Spoznajte ogrodje Svelte in se s tem vodnikom naučite razvijati pametne spletne aplikacije.

Svelte je eno najbolj vročih ogrodij JavaScript. V raziskavi razvijalcev StackOverflow leta 2022 se je med spletnimi razvijalci izkazal kot drugo najbolj priljubljeno ogrodje JavaScript. V tem priročniku se boste naučili osnov in kako s Svelte zgraditi preprosto aplikacijo za opravila.

Kako začeti uporabljati Svelte

Stvari boste uredili z Orodje za gradnjo Vite. Odprite terminal in zaženite spodnje ukaze v zaporedju. Poimenujte projekt "svelte-app" (ali po vaši izbiri), izberite Svelte kot ogrodje in nastavite JavaScript kot različico.

preje ustvariti vite
cd svelte-app
preja
preja dev

Odprite projekt v urejevalniku kode, izbrišite lib in počistite vsebino mape app.css datoteko in App.svelte mapa.

Kako Svelte primerja z React

The DOM je drevesna struktura ustvarjen iz HTML-ja spletnega mesta, ki prikazuje razmerja med različnimi elementi, ki sestavljajo stran.

Za razliko od Reacta, ki uporablja virtualni DOM, je Svelte prevajalnik, ki v času gradnje razume, kako se lahko stvari v vaši aplikaciji spremenijo. Ker Svelte deluje v času gradnje, ima za posledico zelo zmogljiv in optimiziran JavaScript.

instagram viewer

Reaktivnost in animacija v Svelte

Struktura večine aplikacij Svelte je prikazana spodaj. Lahko se odločite, da ne vključite stil oznake puščajo samo scenarij in oznaka: