Reaktivní mikromoduly

$mol — reaktivnímikromodulárníframework

Reaktivita leží v základech frameworku, není přišroubovaná navrch.Pole závislostí, ruční odběry, ruční invalidace cache, úklid efektů — nic z toho tu neexistuje. Není to usnadněné, ale zbytečné.Začít Vyzkoušet Playground Proč $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 }, }, } )}→naživoHello, mol!Tři soubory: značky, logika a styly.Vyzkoušet příkladMinimalistickýPostupně adoptovatelný ekosystém, který škáluje od jediné komponenty po plnohodnotnou local-first aplikaci.OptimálníStavějte uživatelská rozhraní jako stromy komponent. Reaktivita je automatická, vedlejší efekty explicitní.LínýÚplná virtualizace vykreslování — komponenty mimo viewport prostě neexistují.Struktura

Mikromodulární architektura už z principu

Projekt je složka, složka je repozitář a framework leží vedle vašeho kódu, ne uvnitř. Rozvržení je stejné pro první komponentu i pro firmu s třiceti projekty.mam/ workspace├── .meta.tree rejstřík├── mol/ framework└── my/ váš balík ├── my.meta.tree váš rejstřík └── hello/ váš projekt ├── index.html vstupní bod └── hello.view.tree rozvrženíPět kroků k vlastnímu projektu1Naklonujte MAM jednou. Je to workspace, ve kterém žije každý projekt.git clone https://github.com/hyoo-ru/mam.git2Založte si jednu krátkou složku a vystavte ji jako repozitář.mam/my/3Vedle ní přidejte rejstřík svých projektů.my/my.meta.tree4Uvnitř vytvořte projekt s vlastním repozitářem.my/hello/5Zapište ho, aby ho čerstvý checkout stáhl podle jména.pack hello git \https://github.com/you/hello.gitProč má váš projekt vlastní repozitářJak je projekt uspořádanýPorovnáníJeden scénář, spuštěný vedle sebe v Reactu, Vue a $mol, živě ve vašem vlastním prohlížeči.Otevřít porovnání Začít s $mol vs React