Если вы разработчик React и ищете новое путешествие в рамках Svelte, это для вас!

Что такое Свелте?

Опишем Svelte с его собственного сайта:

Svelte — это радикально новый подход к созданию пользовательских интерфейсов. В то время как традиционные фреймворки, такие как React и Vue, выполняют основную часть своей работы в браузере, Svelte переносит эту работу на этап компиляции, который происходит при создании приложения.

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

Стоит учиться?

Короче говоря, ДА!

Будучи разработчиком React более 3 лет, я принял этот вызов, чтобы начать новую карьеру в качестве младшего разработчика Svelte, чтобы расширить свои знания и узнать больше инструментов и фреймворков, чем только один! Но это был мой личный настрой и причина. Что касается производительности, у нас есть заметная разница между React и Svelte, вы можете увидеть график времени отклика на официальном сайте SolidJS.

Как насчет синтаксиса?

Форма написания Svelte немного странная для разработчиков React, потому что в ней нет JSX или упакованных компонентов.

Сравним их с небольшим компонентом:

  1. Компонент React, который получает свойство name и возвращает тег h1 с именем внутри него!

2. Способ Svelte сделать то же самое, что и в приведенном выше примере React. Но у нас нет ключа return или props!

Реактивность

Svelte также следует принципам реактивности и позволяет легко писать переменные.

Как насчет жизненных циклов компонентов?

Да! У нас это тоже есть, позвольте мне показать вам пример onMount из официального документа Svelte.

Легко, верно? Подробнее читайте в Svelte Docs

Изучаем Svelte

Официальный веб-сайт и документы Svelte — действительно отличные ресурсы для начала изучения Svelte, и я лично предлагаю начать изучение с его собственных документов.

Спасибо, что прочитали эту статью и надеемся, что она вам понравилась. :)

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.