Componentes de construcción

Los componentes son los componentes básicos de las aplicaciones web modernas. ¿Qué prácticas recomendadas deberías seguir cuando crees tus propios componentes para que puedan resistir el paso del tiempo? Los componentes son los componentes básicos de las aplicaciones web modernas. ¿Qué prácticas recomendadas debes seguir cuando compilas tus propios componentes para que puedan resistir el paso del tiempo?

Ícono de código.

Elementos personalizados

Los elementos personalizados les brindan a los desarrolladores la capacidad de extender el HTML y crear sus propias etiquetas. Debido a que los elementos personalizados se basan en estándares, se benefician del modelo de componentes integrado de la Web. El resultado es un código más modular que se puede reutilizar en muchos contextos diferentes. Más información
Ícono de estilo de borde

Shadow DOM

Shadow DOM es un estándar web que ofrece encapsulación de estilo y lenguaje de marcado de componentes. Es una parte fundamental de la historia de los componentes web, ya que garantiza que un componente funcione en cualquier entorno, incluso si hay otros CSS o JavaScript en juego en la página. Más información
Ícono de listo.

Prácticas recomendadas

Debido a que los elementos personalizados y el DOM de sombra son primitivas de bajo nivel, no siempre está claro cómo combinarlos de la mejor manera para crear un componente que sea sólido y funcione bien en muchos entornos diferentes. Si bien puedes hacer casi cualquier cosa con estas APIs, aquí tienes algunas prácticas recomendadas para garantizar que tus componentes funcionen bien en cualquier lugar. Más información
Ícono de Explorar.

Ejemplos

HowTo-Components es un conjunto de elementos que demuestran las prácticas recomendadas para elementos personalizados y Shadow DOM. Estos elementos no están diseñados para usarse en producción, sino que se presentan como una ayuda didáctica para asignar sugerencias de prácticas recomendadas a implementaciones reales. Más información