Изучите структуру Svelte и узнайте, как разрабатывать интеллектуальные веб-приложения с помощью этого руководства.

Svelte — одна из самых популярных сред JavaScript. В опросе разработчиков StackOverflow 2022 года он стал вторым по популярности фреймворком JavaScript среди веб-разработчиков. В этом руководстве вы изучите основы и узнаете, как создать простое приложение для ведения дел с помощью Svelte.

Начало работы со Svelte

Вы наладите работу с Инструмент для сборки Vite. Откройте терминал и последовательно выполните приведенные ниже команды. Назовите проект «svelte-app» (или по вашему выбору), выберите Svelte в качестве фреймворка и установите JavaScript в качестве варианта.

пряжа создать вите
CD svelte-приложение
пряжа
пряжа разработчик

Откройте проект в редакторе кода, удалите библиотека папку и очистить содержимое папки app.css файл и App.svelte файл.

Как Svelte сравнивается с React

DOM представляет собой древовидную структуру. созданный из HTML-кода сайта, который показывает отношения между различными элементами, составляющими страницу.

instagram viewer

В отличие от React, который использует виртуальный DOM, Svelte — это компилятор, который во время сборки понимает, как что-то может измениться в вашем приложении. Поскольку Svelte работает во время сборки, это приводит к высокопроизводительному и оптимизированному ванильному JavaScript.

Реактивность и анимация в Svelte

Структура большинства приложений Svelte показана ниже. Вы можете не включать стиль теги оставляют только сценарий и разметка: