Рамка без рамки !!
Автор Пайал Миттал
Сегодня мир разработчиков довольно богат разнообразной и красочной коллекцией веб-фреймворков. И этот список постоянно растет!
Такие фреймворки, как Angular, React, Node, Vue, Ember, Preact, Mithril и многие другие, настолько прекрасны, насколько можно надеяться. Однако некоторые из них хуже других, а некоторые просто лучшие.
Недавно появился новый фреймворк JavaScript, который может составить серьезную конкуренцию этим замечательным фреймворкам - Svelte.
Хотя с момента появления Svelte прошло несколько лет, первоначально в 2016 году он до сих пор считается «новым». Но большая разница была замечена, когда в начале этого года была выпущена последняя версия - Svelte 3. Похоже, это привлекло внимание сообщества разработчиков.
Давайте посмотрим, что сделало людей такими разговорчивыми об этом новом подходе к созданию реактивных пользовательских интерфейсов.
Что такое Svelte ??
На этот вопрос довольно сложно ответить. Даже создатель этого фреймворка Рич Харрис, казалось, скептически относился к его природе - что такое Svelte на самом деле? Сначала он заставил нас поверить, что это UI Framework, в отличие от других фреймворков. Но затем он говорит, что не понимал, что такое Svelte, до самого недавнего времени, когда была выпущена его третья версия.
Что ж, давай послушаем, что именно он хочет сказать -
«Я заставлял вас поверить, что Svelte - это UI-фреймворк - в отличие от React, Vue и т. д., потому что он переносит работу из клиента в компилятор, но, тем не менее, в фреймворк. Но сейчас, когда Svelte 3 не за горами, пора разобраться в том, что такое Svelte на самом деле. Svelte - это ЯЗЫК. В частности, это попытка ответить на вопрос: как бы это выглядело, если бы у нас был язык для описания реактивных пользовательских интерфейсов? »
Проще говоря, Svelte - это основанная на компонентах среда реактивного пользовательского интерфейса JavaScript, реализованная на TypeScript.
Это совершенно другой фреймворк, который может вас удивить, что, я думаю, является большим заявлением после столь долгого использования React, Vue, Angular и других замечательных фреймворков.
Svelte - фреймворк без фреймворка ??
Что это вообще значит?
Фреймворки изменяют сложность кода, отбрасывают все привередливые детали реализации и делают код легко управляемым, используя технику виртуального различения DOM.
Что делает фреймворк React.js настолько мощным, так это то, что он помогает управлять сложностью ваших мыслей и концепций, а не кодом.
Svelte, напротив, компилирует компоненты в идеальный модуль JavaScript во время сборки, который вы пишете с использованием CSS, HTML и JavaScript. Вот почему его еще называют «фреймворком без фреймворка».
Это делает Svelte быстрым. Действительно быстро, быстрее, чем React.js, быстрее, чем Vue.js, Angular.js - так же быстро, как сам Vanilla.js. Он составляет серьезную конкуренцию Inerno.js, который на данный момент является самым быстрым UI-фреймворком во всем мире.
Однако есть и некоторые ограничения. Мы обсудим их в следующих разделах блога.
Путешествие Svelte - от версии 1 к версии 3
Svelte впервые вошел в мир разработчиков в 2016 году со своей самой первой версией. Хотя v1 была всего лишь подходом к проверке гипотезы о том, что - специально созданный компилятор может генерировать надежный код, обеспечивающий отличное взаимодействие с пользователем.
Версия 2 стала еще одним шагом с обновленными функциями и немного изменила ситуацию, но не получила особого признания. Однако выход версии 3 вызвал значительную реакцию.
Команда Svelte очень усердно работала после выхода версии 2, чтобы сделать что-то грандиозное из версии 3. И так оно и было. Обладая выдающейся производительностью, простотой использования, небольшими пакетами, компилированием, кибернетически улучшенными приложениями и т. Д. Svelte-3 является обновленным и интеллектуальным расширением.
React против Svelte
В настоящее время React.js является самым популярным фреймворком JavaScript и действительно по многим причинам. Но мы живем в техническую эпоху, которая требует от нас двигаться дальше, становиться все лучше и лучше.
React представил концепцию «виртуального DOM», и это была та часть, которая в первую очередь сделала React настолько привлекательным и популярным. Но это «виртуальное различие DOM» не могло сделать React столь же реактивным, как Svelte.
Подожди! Это означает, что «виртуальный DOM» не так быстр, как утверждается, не так ли? Что ж, это не так. Обычно это быстрее по сравнению с менее эффективными фреймворками.
Svelte, будучи компилятором, компилирует компоненты самостоятельно, а не полагается на «виртуальную DOM» для обновления DOM браузера. Этот курс улучшает производительность кода и делает его полностью «реактивным».
Что отличает SvelteJS от других?
Обычные фреймворки используются для написания декларативного кода, управляемого состоянием, они делают дополнительную тяжелую работу, используя виртуальную технику сравнения DOM, чтобы преобразовать декларативный код в операции DOM. Это может привести к потере времени и денег.
Предполагалось, что «виртуальная модель DOM» ускоряет работу фреймворка, поэтому остается спорным, как Svelte может работать быстрее, не используя его.
Svelte - это не столько платформа, сколько инструмент, который компилирует компоненты кода во время сборки вместо времени выполнения и позволяет загружать один файл bundle.js для рендеринга вашего приложения. Это означает, что нет виртуального DOM, нет фреймворка для загрузки во время выполнения и более высокая скорость.
Svelte создает приложения с меньшими размерами пакетов по сравнению с другими веб-фреймворками.
Слова Джеффа Делани, создателя AngularFirebase.com, о SvelteJS цитируются следующим образом:
«Я могу с уверенностью сказать, что Svelte была самой простой библиотекой компонентов JavaScript для изучения и начала продуктивного использования».
За и против
Далее мы собираемся обсудить некоторые плюсы и минусы Svelte-
Плюсы -
- Больше работы в меньшем количестве кода
- Нет виртуального DOM
- Встроенная инкапсуляция стилей
- Декларативные переходы
- Компиляция кода во время сборки
- Более высокая скорость и отличная производительность
- Библиотека CSS-in-JS
- Реактивные компоненты
- Эффективное разделение кода
- Небольшой размер пакета приложений
- Поддержка машинописного текста (добавлено ранее в новом выпуске)
Хотя Svelte имеет безупречные функции, ему не хватает различных важных функций. Он еще не полностью готов к производству. Давайте посмотрим на его минусы
Минусы -
- Медленное удаление элементов
- Нет DevTools для отладки приложений после компиляции
- Неполные сторонние библиотеки компонентов
Команда Svelte работает над этими недостатками, и вскоре мы можем ожидать еще одного крупного релиза, в котором будут устранены эти недостатки и улучшены функции.
Резюме:
Независимо от того, какой тип программного обеспечения вы собираетесь создать, Svelte порадует вас своими необычными и готовыми к работе функциями. Он намного быстрее, чем другие фреймворки, или, говоря точнее, «самый быстрый из существующих JS-фреймворков».
Однако он еще далек от завершения, Svelte еще предстоит пройти долгий путь. Пока React и другие фреймворки находятся на пике популярности, Svelte только начинается. Конечно, он не может превзойти эти фреймворки, но определенно может предложить им альтернативу в ближайшее время.
Обратитесь к команде Habilelabs, если вам интересно, к какой организации подключиться, чтобы завершить свой проект на лучших условиях на всем рынке.
Спасибо, что уделили этому блогу бесценное время !!
Если вам понравился блог, не забудьте хлопнуть в ладоши.
