A segunda plataforma onde a UI se divide
Construa uma UI nativa para um SO e a segunda plataforma inicia um fork: seus proprios componentes, suas proprias regras de espacamento, seu proprio conjunto de bugs de layout. Manter duas interfaces iguais significa manter duas fontes de verdade que se descompassam assim que alguem edita uma.
Um runtime de mini-programa traz uma biblioteca de componentes que o super-app renderiza por meio de um contrato comum, assim os mesmos botoes, listas e sheets se parecem identicos em cada super-app.
O que e uma biblioteca de componentes compartilhada
O runtime expoe um conjunto fixo de primitivas — WeUI do WeChat e Ant Design Mini do Alipay sao exemplos — que o super-app pinta com fidelidade nativa. Seu layout descreve intencao (um card, uma tab bar), nao pixels, e o runtime a resolve em cada plataforma. Material Design e o grupo de design tokens da W3C descrevem a mesma ideia para a web aberta.
Onde a diferenca aparece
| Passo | Nativo (por plataforma) | Runtime de mini-programa (biblioteca compartilhada) |
|---|---|---|
| Componentes | Reconstruidos por SO | Uma biblioteca |
| Regras de layout | Se bifurcam | Mesmo contrato |
| Bugs visuais | Por plataforma | Compartilhados, fix uma vez |
| Design system | Duplicado | Fonte unica |
| Novo super-app | Novo fork | Reusa a biblioteca |
O resultado e uma interface que significa a mesma coisa onde quer que apareca.
Por que o compartilhado vence o bifurcado
Uma biblioteca compartilhada significa que um fix visual aterra uma vez e alcanca cada super-app, em vez de ser remendado em tres lugares e ainda assim discordar. Tambem significa que um novo super-app herda o design system existente em vez de iniciar um terceiro fork.
Como a Cross Mini App aplica
A Cross Mini App executa os programas em um runtime com um contrato de componentes compartilhado, assim seu design system renderiza identico entre super-apps. Voce constroi a interface uma vez; o runtime a mantem consistente. Voce deixa de manter tres UIs e passa a ter uma so.
Essa e a diferenca entre uma interface que se bifurca e uma que se mantem.
