Interface: RemoteModule<P>

vitral: micro-frontends com um único contrato.

Um remote é um módulo ES que exporta mount(el, props, ctx) e devolve { update?, unmount }. O host só precisa saber a URL. Nada de config compartilhada em tempo de build, nada de container global de dependências.

Cada parte mora em src/core/; este arquivo só reexporta a API pública.

Parâmetros de tipo

P

P extends Props = Props

Métodos

hydrate()?

optional hydrate(
   el, 
   props, 
   ctx
): 
  | MountedRemote<P>
| Promise<MountedRemote<P>>;

Opcional. Quando o gateway de vitral/edge já renderizou o remote no servidor, o <vitral-remote> chama hydrate com el cheio do HTML de render (no Shadow DOM declarativo, se for o caso), em vez de limpar e chamar mount. Deve assumir o DOM que existe, sem recriar.

Parâmetros

el

HTMLElement

props

P

ctx

RemoteContext

Retorna

| MountedRemote<P> | Promise<MountedRemote<P>>

---

mount()

mount(
   el, 
   props, 
   ctx
): 
  | MountedRemote<P>
| Promise<MountedRemote<P>>;

Parâmetros

el

HTMLElement

props

P

ctx

RemoteContext

Retorna

| MountedRemote<P> | Promise<MountedRemote<P>>

---

render()?

optional render(props): string | Promise<string>;

Opcional, só no servidor: o HTML do remote para estas props (SSR pelo gateway).

Parâmetros

props

P

Retorna

string | Promise<string>