Custom Elements: un contrato de presentación

Elementos, propiedades y slots conectan los displays de Drupal con componentes frontend.

Un nombre, unas propiedades, unos slots

element identifica el componente; props contiene valores como título y enlace; slots contiene HTML editorial filtrado o elementos anidados. No es lo mismo que enviar todas las propiedades de una entidad.

Displays CE y modos de visualización

En Drupal se configura qué campos y formateadores entrega cada view mode. La ficha y el teaser del mismo nodo tienen contratos distintos porque resuelven necesidades visuales distintas.

No obliga a Web Components

Custom Elements puede serializar markup o JSON. Nuestra copia utiliza JSON explícito con React; no registra etiquetas del navegador ni utiliza Shadow DOM.

Contrato compartido, responsabilidades claras

Un contrato estable simplifica el renderer y reduce duplicación de decisiones. Un elemento nuevo todavía necesita implementación frontend; las bibliotecas CSS y JS de Drupal no se transportan automáticamente.

Explorar la explicación y el ejemplo real