В джунглях фронтальных рамок, это возникает, чтобы немного больше оживить этот спор. В сценарии, в котором существуют, уже знают альтернативы, такие как: vue, Angular и React The Svelte придумывает идею, которая переосмысливает реактивность.
Согласно СВЕЛТА Документация :
СВЕЛТ – это компонентная структура – например, React или Vue – но с важным отличием. Традиционные рамки позволяют вам писать декларативный код, управляемый государством, но есть штраф: браузер должен выполнять дополнительную работу, чтобы преобразовать эти декларативные структуры в операции DOM, используя такие методы, которые питаются в вашем бюджете и облагаете налогом сборщика мусора.
Вместо этого Svelte работает во время сборки, преобразуя ваши компоненты в высокоэффективный императивный код, который хирургически обновляет DOM. В результате вы можете писать амбициозные приложения с отличными характеристиками производительности.
Реактивная система – это отзывчивый , устойчивый , эластичный и используйте Основанный на сообщении концепция.
Согласно Реактивный манифест :
Отзывчивый Системы сосредоточены на обеспечении быстрого и последовательного времени отклика, установления надежных верхних границ, чтобы обеспечить постоянное качество обслуживания. Это последовательное поведение, в свою очередь, упрощает обработку ошибок, укрепляет уверенность пользователей и поощряет дальнейшее взаимодействие.
Устойчивый Системы остаются отзывчивыми перед лицом неудачи.
Эластичный Системы остаются отзывчивыми при различных рабочих нагрузках. Реактивные системы могут реагировать на изменения в входной скорости, увеличивая или уменьшая ресурсы, выделяемые для обслуживания этих входов.
Реактивные системы полагаются на асинхронные Сообщение о переходе Чтобы установить границу между компонентами, которая обеспечивает свободную связь, изоляцию и прозрачность местоположения.
Согласно Википедия :
В вычислениях, Реактивное программирование является декларативной парадигмой программирования, связанной с потоками данных и распространением изменений. С помощью этой парадигмы можно легко выразить статические (например, массивы) или динамические (например, излучатели событий), а также сообщают, что существует предполагаемая зависимость в соответствующей модели выполнения, что облегчает автоматическое распространение измененных данных поток.
Поэтому Реактивное программирование Парадигма применяет концепции реактивного манифеста к программированию.
В этом простом примере я получаю пользовательский ввод и использую СВЕЛТА Реакционная способность показать некоторые текстовые основы на этом входе. Вы можете видеть, что Svelte автоматически обновляет DOM, когда изменяется состояние моего компонента.
Например, с учетом кода app.svelte:
Когда я даю неправильный ответ, СВЕЛТА идентифицирует Правотанвсер переменное состояние и покажите текст Неправильный ответ! :
Когда я даю правильный ответ, СВЕЛТА идентифицирует Правотанвсер переменное состояние и покажите текст Правильный ответ! :
Это был простой пример того, что об использовании реакционной способности. Если вы хотите узнать больше о СВЕЛТА Я предлагаю начать с Учебник Анкет
Опыт разработки очень велик. Легче делать удивительные вещи с небольшим кодом. Я знаю, что такие рамки, как React, Vue и Angular, уже консолидируются Но я думаю, что у Svelte есть ваше пространство.
Ссылки
- https://svelte.dev/tutorial/basics
- https://svelte.dev/blog/svelte-3-rethinking-reactivity#What_is_Svelte
- https://youtu.be/AdNJ3fydeao
- https://www.reactivemanifesto.org/
Оригинал: “https://dev.to/carloslimasis/initial-thoughts-about-svelte-4oga”