В наши дни у вас есть много разных вариантов создания веб-приложения. И одним из них является Stencil. Stencil также является компилятором для создания веб-компонентов, и, комбинируя эти компоненты, мы можем создавать веб-приложения. Веб-компоненты — это столпы веб-приложения. На самом деле это один тип настраиваемого HTML-элемента (‹my-component›‹/my-component›) с дополнительной логикой, написанной на JavaScript. Компоненты трафарета написаны машинописным шрифтом. Stencil представляет собой смесь react и angular, многие функции трафарета такие же, как у react, а некоторые похожи на angular.

Ниже я делюсь небольшим фрагментом кода в трафарете, где мы получили два свойства firstName и lastName в элементе ‹my-component/› и отображаем их в нашем пользовательском интерфейсе в теге абзаца.

Преимущества трафарета:-

  • Его можно использовать в топовых интерфейсных фреймворках, а также во всей библиотеке JavaScript.
  • Очень легко использовать разные фреймворки и повторно использовать их.
  • Ему не нужно время выполнения, как в других фреймворках React, Vue, angular.
  • Он поддерживает все основные браузеры, кроме версий Edge от 12 до 18.