Capacidades
Markup es un sistema de plantillas liviano, de alto rendimiento y flexible que puede servir como n煤cleo de cualquier cosa, desde widgets r谩pidos de un solo archivo hasta sistemas de gran escala listos para empresas.
De peque帽as soluciones a sistemas empresariales
Debido a que Markup no requiere ning煤n paso de compilaci贸n o compilaci贸n y solo tiene 7,6 KB de gzip, no tiene fricci贸n con el paquete. Esto lo convierte en una opci贸n perfecta para un amplio espectro de aplicaciones:
1. Entornos ligeros y especializados
Los frameworks web modernos a menudo conllevan una gran penalizaci贸n en cuanto al tama帽o del paquete y la complejidad de la configuraci贸n. El tama帽o de Markup es lo suficientemente peque帽o como para simplificar el desarrollo en entornos especializados o con recursos limitados:
- Extensiones del navegador: cree secuencias de comandos de contenido, paneles laterales y ventanas emergentes de Manifest V3 sin empaquetar un tiempo de ejecuci贸n masivo ni tener que luchar con configuraciones complejas de paquetes.
- Widgets integrables: cree widgets de chat, calculadoras, formularios de comentarios o tarjetas interactivas que se pueden insertar en el sitio web de cualquier cliente sin aumentar los tiempos de carga de la p谩gina.
- Complementos y temas de CMS: agregue una rica reactividad a Shopify, WordPress o plantillas de CMS personalizadas sin problemas.
- Microfrontends: env铆a componentes independientes y altamente aislados que se inicializan instant谩neamente y casi no comparten gastos generales.
2. Aplicaciones empresariales y a gran escala
En el otro extremo del espectro, la simplicidad y flexibilidad de Markup escalan limpiamente a bases de c贸digo a gran escala. Debido a que se basa completamente en primitivas JavaScript nativas y API est谩ndar, se integra naturalmente con patrones de arquitectura profesionales:
- Composici贸n: cree una interfaz de usuario escalable utilizando Componentes de funciones o el complemento Web Components.
- Administraci贸n de estados: cree flujos de datos unidireccionales s贸lidos y predecibles utilizando State Stores.
- Enrutamiento declarativo: potencia aplicaciones de p谩gina 煤nica (SPA) complejas utilizando el complemento `@beforesemicolon/router`.
- Rendimiento: la conciliaci贸n quir煤rgica DOM garantiza que los paneles empresariales, los formularios complejos y las tablas con muchos datos sigan siendo extremadamente r谩pidos y receptivos.
- Representaci贸n del lado del servidor (SSR): aumente el SEO y los tiempos de carga inicial para aplicaciones web masivas con capacidades nativas de representaci贸n del lado del servidor.
Before Semicolon ofrece bibliotecas adicionales construidas sobre Markup para proporcionar capacidades completas similares a las de un marco:
- Integraci贸n Web Components: mejore los elementos personalizados con renderizado reactivo autom谩tico.
- SPA Router: administra la coincidencia de rutas, el estado de las consultas y los conmutadores de plantillas con reconocimiento de rutas.
Adem谩s, a continuaci贸n se muestran ejemplos de patrones de arquitectura que puede crear utilizando 煤nicamente las API Markup principales:
Ejemplos
Aqu铆 hay m谩s ejemplos en los que puede inspirarse:
editar este documento