Seznamte se s rámcem Svelte a zjistěte, jak vyvíjet chytré webové aplikace pomocí tohoto průvodce.
Svelte je jedním z nejžhavějších frameworků JavaScriptu. V průzkumu StackOverflow Developer Survey z roku 2022 se ukázal jako druhý nejoblíbenější rámec JavaScriptu mezi webovými vývojáři. V této příručce se naučíte základy a jak vytvořit jednoduchou úkolovou aplikaci pomocí Svelte.
Začínáme s Svelte
Věci nastavíte pomocí Nástroj pro sestavení Vite. Otevřete terminál a spusťte níže uvedené příkazy v pořadí. Projekt pojmenujte „svelte-app“ (nebo podle vašeho výběru), jako rámec vyberte Svelte a jako variantu nastavte JavaScript.
příze vytvořit vite
CD štíhlá aplikace
příze
příze vojOtevřete projekt v editoru kódu, odstraňte soubor lib a vymažte obsah složky app.css soubor a App.svelte soubor.
Jak se Svelte srovnává s Reactem
The DOM je stromová struktura generovaný z HTML webu, který ukazuje vztahy mezi různými prvky, které tvoří stránku.
Na rozdíl od Reactu, který používá virtuální DOM, je Svelte kompilátor, který v době sestavování chápe, jak se věci ve vaší aplikaci mohou změnit. Protože Svelte funguje v době sestavování, výsledkem je vysoce výkonný a optimalizovaný vanilkový JavaScript.
Reaktivita a animace ve Svelte
Struktura většiny aplikací Svelte je znázorněna níže. Můžete se rozhodnout nezahrnout styl tagy ponechávají pouze skript a označení:
