Spring GDS 25 Aniversario
Una empresa de logística que envía a 190 países construyó algo para enviarse a sí misma.
Web Components
¿Qué son los Web Components?
Los Web Components son un conjunto de estándares nativos del navegador para construir elementos HTML personalizados y reutilizables. Sin framework. Defines un elemento como <user-card>, le das su propio comportamiento y estilo, y lo usas allá donde corra HTML. Tres tecnologías lo hacen posible: los Custom Elements para definir la etiqueta, el Shadow DOM para encapsular estilos y marcado de modo que no se filtren ni hacia dentro ni hacia fuera, y las plantillas HTML para trozos de marcado reutilizables.
Lo que los distingue es que forman parte de la plataforma, no de una librería que instalas. Un botón construido como Web Component funciona en React, Vue, Angular o HTML pelado, y sigue funcionando cuando cambia el framework de moda. Eso los hace un buen encaje para design systems compartidos entre equipos y stacks. Una empresa grande con una app en React, un panel de administración legacy en jQuery y un sitio de marketing en un CMS puede construir un único set de componentes de marca y usar los mismos botones e inputs en los tres. La contrapartida es que las APIs en crudo son de más bajo nivel que un framework moderno, así que la mayoría de los equipos usan una librería ligera como Lit para que escribirlos sea agradable.
No son un reemplazo de React o Angular. Los Web Components manejan elementos de UI individuales; los frameworks manejan la estructura de la aplicación, el estado y el flujo de datos. Los dos trabajan juntos más a menudo de lo que compiten.
Web Components en Dallonses
Usamos Web Components cuando un cliente necesita una UI que tiene que vivir en varios stacks y sobrevivir a cualquier framework. Los design systems son el caso más claro. Construye el componente una vez contra la plataforma, publícalo en todas partes, y la marca se mantiene consistente tanto si una página la renderiza React hoy como otra cosa dentro de tres años.
Esa portabilidad también es un seguro contra el lock-in, algo que importa en trabajo de desarrollo web de larga duración donde el framework cambiará antes que la marca. Acompañamos los Web Components con las herramientas adecuadas para que sean agradables de construir y mantener, y somos claros con los clientes sobre dónde encajan y dónde un framework completo es la mejor respuesta.
¿Construyes un design system que tiene que funcionar en todas partes? Vamos a construirlo.
Servicios relacionados
Trabajos relacionados
Vizitio
Convertir una marca en un negocio que funciona.
Access Ticket
Medio millón de personas. Una app. Cero caos.
¿Listo para trabajar juntos?
Reservar una reunión
