Zoznámte sa s rámcom Svelte a naučte sa vyvíjať inteligentné webové aplikácie pomocou tohto sprievodcu.
Svelte je jedným z najpopulárnejších rámcov JavaScriptu. V prieskume StackOverflow Developer Survey z roku 2022 sa ukázal ako druhý najobľúbenejší rámec JavaScriptu medzi webovými vývojármi. V tejto príručke sa naučíte základy a ako pomocou Svelte vytvoriť jednoduchú aplikáciu.
Začíname so Svelte
Budete nastavovať veci s Nástroj na zostavenie Vite. Otvorte terminál a spustite nižšie uvedené príkazy v poradí. Pomenujte projekt „svelte-app“ (alebo podľa vlastného výberu), vyberte Svelte ako rámec a nastavte JavaScript ako variant.
priadza vytvára vite
cd štíhla aplikácia
priadza
priadza vývOtvorte projekt v editore kódu, odstráňte súbor lib a vymažte obsah priečinka app.css súbor a App.svelte súbor.
Ako sa Svelte porovnáva s Reactom
The DOM je stromová štruktúra generované z HTML stránky, ktoré zobrazuje vzťahy medzi rôznymi prvkami, ktoré tvoria stránku.
Na rozdiel od Reactu, ktorý používa virtuálny DOM, je Svelte kompilátor, ktorý v čase zostavovania chápe, ako sa veci vo vašej aplikácii môžu zmeniť. Pretože Svelte funguje v čase zostavovania, výsledkom je vysoko výkonný a optimalizovaný vanilkový JavaScript.
Reaktivita a animácia v Svelte
Štruktúra väčšiny aplikácií Svelte je znázornená nižšie. Môžete sa rozhodnúť nezahrnúť štýl značky ponechajú len skript a označenie:
