Capacités
Markup est un système de modèles très flexible, performant et léger qui peut servir de base à tout, des widgets rapides à fichier unique aux systèmes à grande échelle prêts pour l'entreprise.
Des petites solutions aux systèmes d’entreprise
Étant donné que Markup ne nécessite aucune étape de compilation ou de construction et ne contient que 7,6 Ko de gzip, il n'a aucune friction sur le package. Cela en fait une solution idéale pour un large éventail d’applications :
1. Environnements légers et spécialisés
Les frameworks Web modernes entraînent souvent de lourdes pénalités en termes de taille de bundle et de complexité de configuration. L'empreinte du Markup est suffisamment petite pour simplifier le développement dans des environnements spécialisés ou aux ressources limitées :
- Extensions de navigateur : créez des scripts de contenu, des panneaux latéraux et des fenêtres contextuelles Manifest V3 sans empaqueter un runtime massif ni lutter contre des paramètres de bundle complexes.
- Widgets intégrables : créez des widgets de discussion, des calculatrices, des formulaires de commentaires ou des cartes interactives qui peuvent être injectés dans n'importe quel site Web client sans augmenter les temps de chargement de leurs pages.
- Plugins et thèmes CMS : ajoutez une réactivité riche à Shopify, WordPress ou des modèles CMS sans tête personnalisés en toute transparence.
- Micro-frontends : expédiez des composants indépendants et hautement isolés qui s'initialisent instantanément et ne partagent pratiquement aucune surcharge.
2. Applications à grande échelle et d'entreprise
À l’autre extrémité du spectre, la simplicité et la flexibilité du Markup s’adaptent parfaitement aux bases de code à grande échelle. Parce qu'il s'appuie entièrement sur des primitives natives JavaScript et des API standards, il s'intègre naturellement aux modèles d'architecture professionnels :
- Composition : créez une interface utilisateur évolutive à l'aide de Composants de fonction ou d'un compagnon Web Components.
- Gestion de l'état : créez des flux de données unidirectionnels robustes et prévisibles à l'aide de State Stores.
- Routage déclaratif : alimentez des applications à page unique (SPA) complexes à l'aide du compagnon `@beforesemicolon/router`.
- Performance : la réconciliation chirurgicale DOM garantit que les tableaux de bord d'entreprise, les formulaires complexes et les tableaux riches en données restent extrêmement rapides et réactifs.
- Server-Side Rendering (SSR) : améliorez le référencement et les temps de chargement initiaux pour les applications Web volumineuses grâce aux capacités natives de Server Side Rendering.
Before Semicolon propose des bibliothèques supplémentaires construites sur Markup pour fournir des fonctionnalités complètes de type framework :
- Intégration Web Components — Améliorez les éléments personnalisés avec un rendu réactif automatique.
- SPA Router — Gérez la correspondance de chemin, l'état des requêtes et les commutateurs de modèles prenant en compte l'itinéraire.
De plus, voici des exemples de modèles d'architecture que vous pouvez créer en utilisant uniquement les API principales Markup :
Exemples
Voici d’autres exemples dont vous pouvez vous inspirer :
modifier ce document