O que é e para que serve Stencil?

O que é e para que serve Stencil?

O time do Ionic trouxe uma grande ferramenta chamada Stencil que sua proposta é construir Web Components modernos.

Sua sintaxe é muito semelhante com a do Ionic com Angular, mas o resultado final do Stencil é a construção de um Web Component padrão, ou seja, algo que rode em qualquer browser com qualquer framework, não é nada específico do Stencil.

Veja abaixo um exemplo de como constuir um Web Component com Stencil.

PROMOÇÃO PARA USUÁRIOS DO IONICCLUB
ÚLTIMAS UNIDADES !
CLIQUE E ACESSE NOSSA LISTA DE CURSOS EM PROMOÇÃO!
Benefícios
  • Desconto acima de 80%
  • Certificado
  • Sem mensalidades
  • Acesso Vitalício
  • Grupo de WhatsApp

Uma vez compilado, este componente pode ser usado em HTML como qualquer outra tag.

Quando renderizado, o navegador exibirá Meu nome é Máx.

Ainda não entendi!

Se você ainda não entendeu o que é Web Component, são exatamente as Tags que usamos para montar nosso site ou aplicativo, o Stencil nos permite criar nossas próprias tags e utilizar em vários lugares.

Stencil é basicamente uma biblioteca que nos permite criar Web Componentes de forma mais fácil.

Vantagens do Web Components

Com Web Components temos inúmeras vantagens, irei citar algumas delas.

  • A lógica do seu componente fica encapsulada.
  • Você cria novas Tags para o HTML
  • O tamanho do App será menor
  • Você poderá reutilizar seu Web Component em vários lugares
  • Basicamente se você já conhece Html e JS já é possível criar seu Web Component com Stencil

Sou obrigado aprender Stencil para trabalhar com Ionic?

Não, o próprio Ionic 4 já é todo baseado em Web Components criados pelo Stencil.

Conclusão

Stencil realmente nos trás grandes benefícios, caso tenha interesse em conhecer o projeto acesse o site oficial https://stenciljs.com

Se tudo der certo no ano de 2019, gravarei aulas mostrando todo o potencial do Stencil.

Bom até a próxima!

Previous Feliz Natal!!! (com presente)
Next Como fazer meu aplicativo em Ionic falar?

About author

You might also like

Artigos

A surpresa escondida atrás do Ionic 4

Se você tem interesse em conhecer um pouco do poder do Ionic 4, veja o vídeo! No vídeo abaixo você irá ver: – Diferenças do Ionic 3 para Ionic 4

Artigos

Como criar componentes no Ionic 4

Fala galera!Hoje irei compartilhar com vocês uma dica muito útil que vai permitir que você evite de ficar replicando códigos no Ionic. Imagine um app que tenha o contato do

Artigos

Como fazer meu aplicativo em Ionic falar?

No artigo de hoje irei ensinar um recurso bastante interessante que vejo poucas pessoas utilizando hoje em dia, nós iremos aprender fazer nosso aplicativo falar com o usuário, isso mesmo,