Micromoduli reattivi

$mol — il framework reattivo amicromoduli

La reattività risiede nelle fondamenta del framework, non è agganciata sopra.Array di dipendenze, sottoscrizioni manuali, invalidazione manuale della cache, pulizia degli effetti — niente di tutto ciò esiste qui. Non reso più facile, ma reso superfluo.Inizia Prova il Playground Perché $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 }, }, } )}→dal vivoHello, mol!Tre file: il markup, la logica e gli stili.Prova questo esempioMinimalistaUn ecosistema adottabile in modo incrementale, che scala da un singolo componente a un'app local-first full-stack.OttimaleCostruisci le UI come alberi di componenti. La reattività è automatica, gli effetti collaterali sono espliciti.LeggeroVirtualizzazione completa del rendering — i componenti fuori dal viewport semplicemente non esistono.Struttura

Architettura micromodulare per impostazione predefinita

Un progetto è una cartella, una cartella è un repository, e il framework sta accanto al tuo codice invece che dentro. La disposizione è la stessa per un primo componente e per un'azienda con trenta progetti.mam/ workspace├── .meta.tree registro├── mol/ il framework└── my/ il tuo pacchetto ├── my.meta.tree il tuo registro └── hello/ il tuo progetto ├── index.html punto d'ingresso └── hello.view.tree il markupCinque passi verso un progetto tuo1Clona MAM una volta. È il workspace in cui vive ogni progetto.git clone https://github.com/hyoo-ru/mam.git2Crea una cartella corta per te e pubblicala come repository.mam/my/3Mettici accanto il registro dei tuoi progetti.my/my.meta.tree4Crea il progetto dentro, con un repository suo.my/hello/5Registralo, così un checkout fresco lo prende per nome.pack hello git \https://github.com/you/hello.gitPerché il tuo progetto resta un repository a séCom'è organizzato un progettoConfrontaUn solo scenario, eseguito fianco a fianco in React, Vue e $mol, dal vivo nel tuo browser.Apri il confronto Inizia da $mol vs React

$mol — il framework reattivo amicromoduli​

Architettura micromodulare per impostazione predefinita

$mol — il framework reattivo amicromoduli