DEV Community

Cover image for WebComponent com HTML, CSS, SVG e JavaScrip puros
Guilherme Siquinelli
Guilherme Siquinelli

Posted on

WebComponent com HTML, CSS, SVG e JavaScrip puros

Neste vídeo apresento como conseguimos usar web components sem necessidade de frameworks e como isso se tornou um tarefa simples de ser feita, com pouco código e o melhor, organizado.

Componentes da Web de forma nativa usando apenas HTML, CSS, SVG e JavaScript com a API Custom Elements.

Neste momento a especificação de elementos personalizados (custom elements) está sendo incorporada na especificação W3C DOM e no padrão WHATWG DOM, na especificação W3C HTML e no padrão HTML WHATWG e outras especificações relevantes. Consulte o repositório de componentes da Web do W3C para continuar a discussão sobre este assunto.

Isso é um ótimo sinal e em breve polyfills ou frameworks não serão mais necessários para este objetivo em específico, conforme nossas APIs vão evoluindo e ganhando suporte dos navegadores, quase que sem perceber, nós vamos adicionando o uso das mesmas em nosso dia-a-dia.

Então mostro como alguém que nunca criou um, chegou a hora : )

Segue link do video no YouTube


Componente de ícone em SVG. Usando WebComponent nativo apenas com HTML, SVG e JavaScrip.

Discussion (0)