Capacidades
Markup é um sistema de modelagem altamente flexível, de alto desempenho e leve que pode servir como núcleo de qualquer coisa, desde widgets rápidos de arquivo único até sistemas prontos para empresas em grande escala.
De pequenas soluções a sistemas empresariais
Como Markup não requer nenhuma etapa de compilação ou construção e tem apenas 7,6 KB gzip, ele não tem atrito de pacote. Isso o torna perfeito para uma ampla gama de aplicações:
1. Ambientes leves e especializados
Estruturas web modernas geralmente acarretam uma grande penalidade no tamanho do pacote e na complexidade da configuração. A área ocupada pelo Markup é pequena o suficiente para simplificar o desenvolvimento em ambientes especializados ou com recursos limitados:
- Extensões de navegador: crie scripts de conteúdo, painéis laterais e pop-ups do Manifest V3 sem empacotar um tempo de execução massivo ou enfrentar configurações complexas de empacotador.
- Widgets incorporáveis: crie widgets de bate-papo, calculadoras, formulários de feedback ou cartões interativos que podem ser injetados em qualquer site do cliente sem aumentar o tempo de carregamento da página.
- Plugins e temas CMS: adicione reatividade avançada ao Shopify, WordPress ou modelos CMS personalizados sem interface perfeitamente.
- Microfront-ends: envie componentes independentes e altamente isolados que inicializam instantaneamente e compartilham quase nenhuma sobrecarga.
2. Aplicativos empresariais e de grande escala
No outro extremo do espectro, a simplicidade e flexibilidade do Markup se adaptam perfeitamente a bases de código de grande escala. Por se basear inteiramente em primitivas nativas JavaScript e APIs padrão, ele se integra naturalmente a padrões de arquitetura profissional:
- Composição: crie uma interface de usuário escalonável usando Componentes de função ou complementar Web Components.
- Gerenciamento de estado: crie fluxos de dados unidirecionais robustos e previsíveis usando State Stores.
- Roteamento declarativo: potencialize aplicativos de página única (SPAs) complexos usando o complemento `@beforesemicolon/router`.
- Desempenho: A reconciliação cirúrgica DOM garante que painéis corporativos, formulários complexos e tabelas com muitos dados permaneçam extremamente rápidos e responsivos.
- Renderização do lado do servidor (SSR): Aumente o SEO e os tempos de carregamento inicial para aplicativos web massivos com recursos nativos de Renderização do lado do servidor.
Before Semicolon oferece bibliotecas adicionais construídas sobre Markup para fornecer recursos completos semelhantes a uma estrutura:
- Integração Web Components — Aprimore elementos personalizados com renderização reativa automática.
- SPA Router — Gerencie correspondência de caminho, estado de consulta e switches de modelo com reconhecimento de rota.
Além disso, aqui estão exemplos de padrões de arquitetura que você pode construir usando apenas APIs Markup principais:
Exemplos
Aqui estão mais exemplos nos quais você pode se inspirar:
editar este documento