Svelte — это новейший подход к веб-разработке. Это фреймворк JavaScript, который компилирует код в крошечный ванильный код JavaScript, в отличие от большинства других фреймворков или библиотек на JavaScript. Svelte-kit — это пакет, используемый для создания кода Svelte, чтобы подготовить его к производству. Чтобы начать работу со Svelte, все, что вам нужно, — это базовые знания JavaScript.

Производительность:

Такие фреймворки, как React и VueJS, работают в браузере. Код, каким бы оптимизированным он ни был, загружается в браузер, а накладные расходы ложатся на браузер. Но в Svelte скомпилированный код загружается в браузер, и нагрузка на браузер намного меньше.

React проводит сравнение DOM, чтобы увидеть, какой компонент или элемент нуждается в обновлении, и обновляет этот элемент/компонент. Svelte, с другой стороны, хирургическим путем внедряет обновление в DOM. Следовательно, пользовательский интерфейс кажется намного быстрее и плавнее по сравнению с React. Построенное веб-приложение легкое, а производительность выше.

Обучение и начало работы:

Глядя на Svelte как на разработчика, легко начать работу со Svelte. Как я уже упоминал, вы можете начать работу с базовыми знаниями ванильного JavaScript. Также вам не нужно тратить много времени на повторное изучение концепций при переходе с React. Как и в случае с React, все, что вам нужно, — это базовый пакет, который вы можете создавать по ходу работы над проектом.

Интеграция с текущими проектами:

Существует несколько адаптеров для интеграции кода с другим уже существующим кодом фреймворков и библиотек, таких как NodeJS, NextJS и т. д. Эти адаптеры позволяют создавать код в соответствии с кодом, который уже присутствует и используется в текущих проектах. Скомпилированный код оптимизируется в соответствии с потребностями фреймворка или библиотеки, используемых в проекте, а также среды, в которой выполняется окончательный код. Например, пакет node-adapter предоставляет вам промежуточную функцию для использования приложения Svelte с уже -настоящий сервер Node. Следовательно, интеграция Svelte с уже существующими проектами совсем не проблема!

Простота:

Количество строк кода при использовании Svelte значительно меньше по сравнению с кодом React для того же проекта. Это автоматически означает меньшие строки кода, которые склонны к ошибкам. Кроме того, написанный код очень читабелен.

В общем, я бы рекомендовал Svelte, если вы хотите начать новый проект. Кроме того, в следующем посте я хотел бы написать о различных рендерингах в Svelte и о том, как начать с ним работать!