Susipažinkite su „Svelte“ sistema ir sužinokite, kaip kurti išmaniąsias žiniatinklio programas vadovaudamiesi šiuo vadovu.

„Svelte“ yra viena iš karščiausių „JavaScript“ sistemų. 2022 m. „StackOverflow“ kūrėjų apklausoje ji pasirodė kaip antra labiausiai mėgstama „JavaScript“ sistema tarp žiniatinklio kūrėjų. Šiame vadove sužinosite pagrindus ir kaip sukurti paprastą užduočių programą naudojant Svelte.

Darbo su Svelte pradžia

Jūs nustatysite reikalus su Vite kūrimo įrankis. Atidarykite terminalą ir iš eilės vykdykite toliau pateiktas komandas. Pavadinkite projektą „svelte-app“ (arba savo pasirinkimu), pasirinkite „Svelte“ kaip pagrindą ir nustatykite „JavaScript“ kaip variantą.

verpalai sukurti vite
cd svelte-app
verpalai
verpalų dev

Atidarykite projektą kodo rengyklėje, ištrinkite lib aplanką ir išvalykite jo turinį app.css failą ir App.svelte failą.

Kaip Svelte lyginama su reakcija

The DOM yra į medį panaši struktūra sugeneruotas iš svetainės HTML, kuris rodo ryšį tarp skirtingų puslapį sudarančių elementų.

instagram viewer

Skirtingai nuo „React“, kuri naudoja virtualų DOM, „Svelte“ yra kompiliatorius, kuris kūrimo metu supranta, kaip jūsų programos dalykai gali pasikeisti. Kadangi „Svelte“ veikia kūrimo metu, gaunamas labai našus ir optimizuotas „JavaScript“.

Reaktyvumas ir animacija Svelte

Daugumos Svelte programų struktūra parodyta žemiau. Galite pasirinkti neįtraukti stilius žymės palieka tik scenarijus ir žymėjimas: