Componentes de edifícios
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
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?
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
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
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
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