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

Como instalar NodeJS, Ionic e Cordova no Windows

No post de hoje você irá aprender a preparar sua máquina para começar a desenvolver aplicativos em Ionic Framework, seja na versão do Ionic 1, Ionic 2, Ionic 3 ou

Artigos

Como rodar aplicativo android no celular e debugar pelo browser do PC

Uma dúvida muito comum dos desenvolvedores Ionic é a depuração remota de dispositivos Android.Neste artigo eu irei lhe ensinar como rodar seu aplicativo Ionic no celular e depura-lo diretamente no

Artigos

Como fazer animações em Ionic 4 com Animate.Css

Hoje irei mostrar como você pode criar animações ricas em seu aplicativo de forma muito simples em ionic 4 utilizando uma biblioteca css chamada Animate.css. Abaixo deixarei um vídeo ensinando