Запознайте се с рамката Svelte и научете как да разработвате интелигентни уеб приложения с това ръководство.
Svelte е една от най-горещите рамки на JavaScript. В проучването за разработчици на StackOverflow за 2022 г. той се очертава като втората най-обичана JavaScript рамка сред уеб разработчиците. В това ръководство ще научите основите и как да създадете просто приложение за задачи с помощта на Svelte.
Първи стъпки със Svelte
Ще нагласите нещата с Vite инструмент за изграждане. Отворете терминала и изпълнете последователно командите по-долу. Назовете проекта "svelte-app" (или по ваш избор), изберете Svelte като рамка и задайте JavaScript като вариант.
прежда създават vite
cd изящно приложение
прежда
разработка на преждаОтворете проекта в редактор на код, изтрийте либ и изчистете съдържанието на app.css файл и App.svelte файл.
Как Svelte се сравнява с React
The DOM е дървовидна структура генериран от HTML на сайт, който показва връзките между различните елементи, съставляващи страницата.
За разлика от React, който използва виртуален DOM, Svelte е компилатор, който разбира по време на изграждане как нещата във вашето приложение могат да се променят. Тъй като Svelte работи по време на изграждане, това води до високопроизводителен и оптимизиран ванилен JavaScript.
Реактивност и анимация в Svelte
Структурата на повечето приложения на Svelte е илюстрирана по-долу. Можете да изберете да не включвате стил тагове оставяйки само сценарий и маркиране:
