Tutvuge Svelte raamistikuga ja õppige selle juhendi abil nutikaid veebirakendusi arendama.
Svelte on üks kuumimaid JavaScripti raamistikke. 2022. aasta StackOverflow arendajauuringus tõusis see veebiarendajate seas armastatuima JavaScripti raamistiku teiseks. Sellest juhendist saate teada põhitõdesid ja Svelte abil lihtsa ülesanderakenduse loomise.
Svelte'iga alustamine
Seadete asjad paika koos Vite ehitustööriist. Avage terminal ja käivitage alltoodud käsud järjestikku. Nimetage projekti "svelte-app" (või oma valik), valige raamistikuks Svelte ja määrake variandiks JavaScript.
lõng luua vite
cd peenike-rakendus
lõng
lõng devAvage projekt koodiredaktoris, kustutage lib kaust ja tühjendage selle sisu app.css fail ja App.svelte faili.
Kuidas Svelte reageerib
The DOM on puutaoline struktuur loodud saidi HTML-ist, mis näitab lehe moodustavate erinevate elementide vahelisi seoseid.
Erinevalt Reactist, mis kasutab virtuaalset DOM-i, on Svelte kompilaator, mis mõistab ehituse ajal, kuidas teie rakenduse asjad võivad muutuda. Kuna Svelte töötab koostamise ajal, annab see suurepärase jõudlusega ja optimeeritud vanilje JavaScripti.
Reaktiivsus ja animatsioon Sveltes
Enamiku Svelte rakenduste struktuur on illustreeritud allpool. Saate valida, kas mitte lisada stiilis sildid jättes ainult stsenaarium ja märgistus:
