Svelte — одна из последних сред JavaScript для создания пользовательских интерфейсов. По сравнению с другими инструментами веб-разработки, такими как Vue, Angular или React, которые выполняют большую часть рабочей нагрузки в браузере, Svelte выполняет компиляцию в процессе развертывания для ускорения загрузки кода.
Популярность фреймворка выросла в последние годы, он считается самым любимым веб-фреймворком наряду с самыми довольными разработчиками в опросах, проведенных StackOverflow.
Нет виртуального DOM
Основное отличие заключается в том, что Svelte — это фреймворк, которому не нужно использовать виртуальный DOM, что позволяет React хранить в памяти дерево DOM-элементов, и в момент обновления в компоненте рендерится только конкретный компонент, однако этот процесс манипулирования DOM замедляет работу веб-приложения.
Вместо этого Svelte избегает использования виртуального DOM, используя шаг компиляции для переноса изменений состояния и свойств в функции, которые могут обновлять DOM определенным образом.
Синтаксис
Svelte имеет лаконичный, легкий и простой синтаксис для создания приложений на основе компонентов. Его синтаксис позволяет сократить объем кода для написания, при этом код в компоненте React может быть примерно на 40% больше, чем его эквивалент в Svelte.
Заключение
Svelte — это инструмент, который поможет вам создавать интерактивные пользовательские интерфейсы, которые преобразуют ваше приложение в JavaScript во время компиляции, а не интерпретируют код во время выполнения в браузере. Таким образом, при первой загрузке приложения не возникает затрат на производительность или штрафов.
