Categorias
AMP Accelerated mobile pages

Utilizando AMP componentes em qualquer lugar

Já pensou em utilizar Componentes AMP em qualquer tipo de aplicação? O time do AMP vem trabalhando a mais de 2 anos tentando habilitar componentes AMP fora do ecossistema do AMP e esse projeto é chamado de Bento AMP.

Esse projeto ainda não está 100% pronto, mas está disponível a sua versão pre-release. Você já pode testar em:

https://amp.dev/documentation/guides-and-tutorials/start/bento_guide/

Porque usar os componentes Bento AMP?

O objetivo do AMP é criar uma experiência para usuários e desenvolvedores, usuários tendo uma experiência responsiva e rápida. Para desenvolvedores com um conjunto de ferramentas que ajudam a otimizar o fluxo de desenvolvimento. Os componentes de alta performance focados nos usuários são uma parte essencial para entrar essa experiência para os desenvolvedores.

E agora com Bento AMP você poderá usar os componentes AMP somente quando necessário. Isso significa com a situação atual, de ter somente duas soluções: somente AMP ou prover duas versões não será o único caminho. Podemos unir os dois mundos. Assim achando um equilíbrio entre as duas opções.

Por exemplo, agora é possível utilizar os componentes AMP de forma isolada, você pode adicionar um, carrossel numa página não AMP. Isso abre possibilidade para uma série de melhorias em usa aplicação sem ter a necessidade de tem uma aplicação inteira em AMP.

Como Bento funciona ?

Anteriormente, componentes AMP utilizavam web components mais o AMP runtime para executar esses elementos. Agora com Bento esse processo é realizado com preact, os componentes Bento AMP são processados e Web components e entregues aos usuários seguindo os padrões web.

Preview para desenvolvedores

Atualmente já é possível testar Bento AMP se você é um desenvolvedor você pode acessar o github do projeto e dar o seu feedback sobre o novo fluxo do AMP. Atualmente o bento AMP continua precisando do AMP runtime para funcionar, mas não é mais necessário ter uma página válida AMP para fazer uso desses recursos.

O que está disponível hoje?

Caso queira testar o componentes Bento, hoje estão de forma experimental os seguintes componentes:

  • amp-accordion
  • amp-base-carousel
  • amp-inline-gallery
  • amp-stream-gallery
  • amp-date-countdown
  • amp-date-display
  • amp-fit-text
  • amp-instagram
  • amp-lightbox
  • amp-selector
  • amp-social-share
  • amp-timeago
  • amp-youtube
  • amp-video

Vale lembrar que hoje utilizando bento components sua páginas AMP ficarão inválidas mas isso até a versão final será resolvido

O futuro de Bento

Uma vez que o tenha uma versão estável e com todos os principais componentes a ideia é publicar uma versão de Bento AMP para React com uma estrutura de pacotes npm facilitando o uso de AMP para aplicações React.