Micromodules réactifs

$mol — le framework réactif àmicromodules

La réactivité repose dans les fondations du framework, elle n'est pas ajoutée par-dessus.Tableaux de dépendances, abonnements manuels, invalidation manuelle du cache, nettoyage des effets — rien de tout cela n'existe ici. Non pas simplifié, mais rendu inutile.Commencer Essayer le Playground Pourquoi $molview.tree$my_hello $mol_view guest \stranger sub / <= Name $mol_string value? <=> name? \mol hint @ \Type a name <= Greeting $mol_paragraph title <= greeting \view.tsclass $my_hello extends $.$my_hello { greeting() { return `Hello, ${ this.name() || this.guest() }!` }}view.css.tsnamespace $ { $mol_style_define( $my_hello, { gap: $mol_gap.block, flex: { direction: 'column' }, Greeting: { font: { size: '2rem', weight: 600 }, }, } )}→en directHello, mol!Trois fichiers : le balisage, la logique et les styles.Essayer cet exempleMinimalisteUn écosystème adoptable progressivement, qui s'adapte d'un simple composant à une application local-first full-stack.OptimalConstruisez vos interfaces comme des arbres de composants. La réactivité est automatique, les effets de bord sont explicites.LégerVirtualisation complète du rendu — les composants hors de la fenêtre d'affichage n'existent tout simplement pas.Structure

Une architecture micromodulaire par défaut

Un projet est un dossier, un dossier est un dépôt, et le framework se trouve à côté de votre code plutôt que dedans. La disposition est la même pour un premier composant que pour une entreprise qui en a trente.mam/ espace de travail├── .meta.tree registre├── mol/ le framework└── my/ votre paquet ├── my.meta.tree votre registre └── hello/ votre projet ├── index.html point d'entrée └── hello.view.tree le balisageCinq étapes vers votre propre projet1Clonez MAM une fois. C'est l'espace de travail où vivent tous les projets.git clone https://github.com/hyoo-ru/mam.git2Créez un dossier court à votre nom et publiez-le comme dépôt.mam/my/3Placez à côté le registre de vos projets.my/my.meta.tree4Créez le projet à l'intérieur, avec un dépôt à lui.my/hello/5Déclarez-le, pour qu'un clone frais le récupère par son nom.pack hello git \https://github.com/you/hello.gitPourquoi votre projet garde son propre dépôtComment un projet est agencéComparerUn seul scénario, exécuté côte à côte dans React, Vue et $mol, en direct dans votre propre navigateur.Ouvrir la comparaison Commencer par $mol vs React

$mol — le framework réactif àmicromodules​

Une architecture micromodulaire par défaut

$mol — le framework réactif àmicromodules