Componentes Web

Web components (componentes web) são um conjunto de APIs que possibilitam a criação de tags HTML que podem ser usadas em qualquer página HTML.

Para o desenvolvedor de aplicações para web isso significa a possibilidade de projetar e implementar a interface com o usuário com base no conceito de componente de software.

Os componentes podem ser desenvolvidos especificamente para a aplicação e/ou serem incorporados à aplicação via alguma biblioteca.

Especificações

As APIs estão baseadas em quatro especificações definidas pelo W3C:

• custom elements
• shadow DOM
• HTML imports

• HTML template

  Quase todos os principais navegadores suportam as quatro especificações. A exceção é o Firefox. Para estes casos há bibliotecas JavaScript do tipo polyfill que resolvem o problema.

Bibliotecas

Seguindo os princípios do desenvolvimento de software baseado em componentes, estão disponíveis algumas bibliotecas de componentes que podem ser facilmente incorporadas em uma aplicação para web.

As principais bibliotecas hoje em dia são:

• Polymer, da Google.
• X-Tag, da Microsoft