Canvas ExtJS: conectar el catálogo React

Propiedades, ejemplos y slots registrados en Canvas para componer con componentes del frontend.

El catálogo como punto de encuentro

catalog.ts define un esquema TypeScript explícito que publica component-index.json. Canvas ExtJS importa las definiciones, con propiedades y slots, como una fuente de componentes de Canvas.

Una implementación visual

Un proveedor de preview React propio carga el bundle y los estilos en Canvas. Hero, Section, Card y CTA comparten código con Next.js, sin duplicar una plantilla Twig editorial.

Componer, publicar, presentar

Canvas guarda la estructura. CE API la entrega. El registro del renderer resuelve los componentes por nombre y recorre sus slots. ExtJS no es necesario para los displays CE de los nodos clásicos.

Límites que conviene conocer

No extraemos automáticamente todas las props de React. Los cambios incompatibles requieren migración. El preview de componentes probado aquí no equivale a un preview autenticado completo de páginas Next.js.

Explorar la explicación y el ejemplo real