Один из моих лучших друзей и старый коллега спросил меня о моем личном мнении о Svelte. Итак, я постараюсь сделать все, что в моих силах, в этом посте.
Слоган
Кибернетически улучшенные веб-приложения…
Ммм, звучит интересно, но что они подразумевают под «кибернетически улучшенным»? Официальный блог Svelte дает нам следующее заявление.
«Кибернетически усовершенствованный» призван вместо этого пробудить всеобъемлющую философию Svelte, согласно которой наши инструменты должны работать как интеллектуальные расширения нас самих - надеюсь, с ретро-поворотом в стиле Уильяма Гибсона ».
На первый взгляд, я не понимаю :(. Возможно, мне понадобится больше информации об экосистеме Svelte.
Основные преимущества 😄
Маленький след
Учитывая тот факт, что у Svelte нет среды выполнения, это давало ему явное преимущество перед другими решениями. Отсутствие необходимости иметь дело с перегревом во время выполнения - отличный вариант, если вы собираетесь писать изолированные компоненты, а производительность имеет значение. Вот сравнение с другими фреймворками, опубликованными freeCodeCamp в следующей статье.
Представление
Поскольку Svelte выполняет всю тяжелую работу во время компиляции, теоретически это сделает его очень быстрым во время выполнения. Я пока не нашел конкретного примера. Вы можете мне помочь? Ниже другой график от людей freeCodeCamp. Я также не уверен в условиях теста ниже.
Написание меньше кода
Авторы фреймворка сделали это одним из своих основных принципов. Взгляните на следующий пост Пишите меньше кода, в котором они сравнивают Vue и React. Практически; Я не уверен, что это принесет вам пользу в ближайшем будущем. Потому что из-за возраста фреймворка библиотек пользовательского интерфейса не так много. Некоторыми примерами могут быть средства выбора даты и автозаполнение, поэтому вам, вероятно, придется написать много кода с нуля.
Встроенные автономные стили
Благо не нужно думать о том, как поддерживать компонентный CSS.
Встроенные специальные возможности
Svelte поможет, предупредив вас, если вы напишете недоступную разметку, Awesome !!!.
Основные недостатки
Тестирование
Похоже, что это еще не определенный официальный ответ на этот вопрос от авторов фреймворка. Вот что написали в FAQ по проекту.
Пользовательский синтаксис
Мое первое впечатление от ReactJS было странным, потому что я не понимал, почему люди смешивают javascript с HTML (JSX). Через некоторое время я начал видеть преимущества. Благодаря этому Svelte, которому пришлось изучить весь синтаксис, специфичный для фреймворка, заставил меня снова вернуться.
Вот несколько примеров из документации Svelte.
Добавление реактивности
Экспорт реквизита
Выражение условной логики
Модификаторы обработчиков событий
Молодая экосистема
Сообщество Svelte отлично справляется с созданием документации, инструментов и других материалов. Однако эту сумму пока нельзя сравнивать с другими фреймворками, такими как React, Vue или Angular. Это будет улучшаться по мере роста принятия.
В следующем репо Awesome Svelte вы найдете список от Booqable.
Некоторая статистика
Компании, использующие Svelte
Мои выводы
Как сказано в блоге Svelte, «Svelte - это радикально новый подход к созданию пользовательских интерфейсов». Когда вы большую часть времени занимаетесь разными делами, у вас будет два основных результата: Слава или Миссери 😄. Безусловно, Svelte - это проект, за которым мы должны следить, потому что они делают отличные вещи и меняют парадигмы.
В Front10 мы всегда будем приветствовать инновации и новые технологии, которые могут продвинуть Front-end разработку вперед. Даже когда React пока дает нам отличные результаты, мы желаем Svelte долгих лет жизни и надеемся когда-нибудь использовать его в продакшене в ближайшем будущем.
Интересные чтения
Компьютер, создай мне приложение - Рич Харрис - JSConf EU 2018
