Componentes Web em HTML

Entendendo os componentes web em HTML

• Os componentes web priorizam funcionalidades e formas de uso diferentes dos componentes do React.
• Os componentes web têm um design que valoriza mais o aprimoramento do que a substituição.
• Os componentes web podem ser renderizados mesmo sem JavaScript, e essa é uma característica que os diferencia dos componentes do React.

A vitória do aprimoramento na web

• A web incentiva uma abordagem de aprimoramento, melhorando tecnologias existentes, e isso aumenta sua resiliência.
• As grandes mudanças na web acontecem por meio de aprimoramento progressivo.
• As boas ideias de XHTML, XMLHttpRequest, Sass, jQuery e Typescript foram integradas aos padrões da web, aprimorando as tecnologias existentes.
• Os componentes web trazem o modelo de componentes do React para a web, mas avançam no sentido de melhorar a forma como a web já funciona.

Opinião do GN⁺

• É importante que os componentes web estejam evoluindo no sentido de aprimorar as tecnologias web existentes, em vez de substituí-las.
• Este texto pode ser interessante para desenvolvedores web entenderem a filosofia de design única dos componentes web e a direção de longo prazo da evolução das tecnologias web.

[GN⁺]

Comentários do Hacker News

• Aponta a falta de explicação sobre a funcionalidade do avatar do usuário e menciona que usar diretamente o atributo src pode ser mais eficiente. Parece que frameworks de frontend estendem o HTML em vez de substituí-lo. Expressa decepção com Web Components e argumenta que a abordagem de framework com "baterias incluídas" é mais útil para desenvolver apps.
• Compartilha um link de artigo com mais informações sobre Web Components. Destaca que eles podem ser renderizados via server-side rendering (SSR) antes da execução do JavaScript.
• Menciona que componentes de frameworks de frontend não são totalmente substituídos e que podem ser combinados facilmente usando slots. Por outro lado, critica Web Components por serem difíceis de usar e por levarem à dependência da API do DOM. Argumenta que o XHTML fracassou não por não estender o HTML, mas por colocar a validação no lado do cliente.
• Compartilha uma experiência positiva com Web Components, propondo uma abordagem que usa principalmente HTML/CSS sem etapas de build complexas nem roteador client-side.
• Apresenta a visão de que o React estende o HTML em vez de substituí-lo e compartilha a experiência de usar funcionalidades nativas do navegador.
• Enfatiza que Web Components devem se concentrar em uma única função e, em comparação com frameworks JS, destaca que eles oferecem todo um ecossistema. Compartilha sua experiência desenvolvendo um Web Component de player de vídeo.
• Compartilha a experiência de usar Web Components sem ambiente de build e aponta que a ausência de módulos HTML está atrapalhando a evolução dos Web Components.
• Afirma preferir uma abordagem de estender e reforçar tecnicamente o HTML para manutenção de longo prazo de projetos web e para minimizar dependências.
• Fornece um exemplo do uso padrão de Web Components e explica como usar o atributo is.