Componentes de edifícios

Os componentes são os elementos básicos dos aplicativos da Web modernos. Quais práticas recomendadas você deve seguir ao criar seus próprios componentes para que eles resistam ao teste do tempo? Os componentes são os elementos básicos dos aplicativos da Web modernos. Quais práticas recomendadas você deve seguir ao criar seus próprios componentes para que eles resistam ao teste do tempo?

Ícone de código.

Elementos personalizados

Os elementos personalizados dão aos desenvolvedores a capacidade de estender o HTML e criar as próprias tags. Como os elementos personalizados são baseados em padrões, eles se beneficiam do modelo de componente integrado da Web. O resultado é um código mais modular que pode ser reutilizado em muitos contextos diferentes. Saiba mais
Ícone de estilo de borda

DOM de sombra

O Shadow DOM é um padrão da Web que oferece encapsulamento de estilo e marcação de componentes. Ele é uma parte extremamente importante da história dos componentes da Web, já que garante que um componente funcione em qualquer ambiente, mesmo que outro CSS ou JavaScript esteja em jogo na página. Saiba mais
Ícone de conclusão.

Práticas recomendadas

Como os elementos personalizados e o shadow DOM são primitivos de baixo nível, nem sempre é claro como combiná-los para criar um componente robusto e que funcione bem em muitos ambientes diferentes. Embora você possa fazer praticamente qualquer coisa com essas APIs, aqui estão algumas práticas recomendadas para garantir que seus componentes funcionem bem em qualquer lugar. Saiba mais
Ícone "Explorar".

Exemplos

Os componentes HowTo são um conjunto de elementos que demonstram as práticas recomendadas de elementos personalizados e Shadow DOM. Esses elementos não devem ser usados em produção, mas são apresentados como um auxílio de ensino para ajudar a mapear sugestões de práticas recomendadas para implementações reais. Saiba mais