Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Web Components
Què són els Web Components?
Els Web Components són un conjunt d'estàndards natius del navegador per construir elements HTML personalitzats i reutilitzables. Sense framework. Defineixes un element com <user-card>, li dones el seu propi comportament i estil, i el fas servir allà on corri HTML. Tres tecnologies ho fan possible: els Custom Elements per definir l'etiqueta, el Shadow DOM per encapsular estils i marcatge de manera que no es filtrin ni cap endins ni cap enfora, i les plantilles HTML per a trossos de marcatge reutilitzables.
El que els distingeix és que formen part de la plataforma, no d'una llibreria que instal·les. Un botó construït com a Web Component funciona en React, Vue, Angular o HTML pelat, i continua funcionant quan canvia el framework de moda. Això els fa un bon encaix per a design systems compartits entre equips i stacks. Una empresa gran amb una app en React, un panell d'administració legacy en jQuery i un lloc de màrqueting en un CMS pot construir un únic set de components de marca i fer servir els mateixos botons i inputs als tres. La contrapartida és que les APIs en cru són de més baix nivell que un framework modern, així que la majoria dels equips fan servir una llibreria lleugera com Lit perquè escriure'ls sigui agradable.
No són un reemplaçament de React o Angular. Els Web Components gestionen elements d'UI individuals; els frameworks gestionen l'estructura de l'aplicació, l'estat i el flux de dades. Tots dos treballen junts més sovint del que competeixen.
Web Components a Dallonses
Fem servir Web Components quan un client necessita una UI que ha de viure en diversos stacks i sobreviure a qualsevol framework. Els design systems són el cas més clar. Construeix el component un cop contra la plataforma, publica'l a tot arreu, i la marca es manté consistent tant si una pàgina la renderitza React avui com una altra cosa d'aquí a tres anys.
Aquesta portabilitat també és una assegurança contra el lock-in, una cosa que importa en feina de desenvolupament web de llarga durada on el framework canviarà abans que la marca. Acompanyem els Web Components amb les eines adequades perquè siguin agradables de construir i mantenir, i som clars amb els clients sobre on encaixen i on un framework complet és la millor resposta.
Construeixes un design system que ha de funcionar a tot arreu? Anem a construir-lo.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
