Reaktywne mikromoduły

$mol — reaktywnymikromodułowyframework

Reaktywność tkwi w fundamencie frameworka, a nie jest doczepiona z wierzchu.Tablice zależności, ręczne subskrypcje, ręczne unieważnianie pamięci podręcznej, sprzątanie efektów — nic z tego tu nie istnieje. Nie ułatwione, lecz zbędne.Rozpocznij Wypróbuj Playground Dlaczego $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 żywoHello, mol!Trzy pliki: znaczniki, logika i style.Wypróbuj ten przykładMinimalistycznyEkosystem wdrażany stopniowo, który skaluje się od pojedynczego komponentu po pełną aplikację local-first.OptymalnyBuduj interfejsy jako drzewa komponentów. Reaktywność jest automatyczna, efekty uboczne są jawne.LeniwyPełna wirtualizacja renderowania — komponenty poza widocznym obszarem po prostu nie istnieją.Struktura

Poprawna architektura mikromodułowa od razu

Projekt to katalog, katalog to repozytorium, a framework leży obok twojego kodu, nie w środku. Układ jest ten sam dla pierwszego komponentu i dla firmy z trzydziestoma projektami.mam/ workspace├── .meta.tree rejestr├── mol/ framework└── my/ twój pakiet ├── my.meta.tree twój rejestr └── hello/ twój projekt ├── index.html punkt wejścia └── hello.view.tree znacznikiPięć kroków do własnego projektu1Sklonuj MAM raz. To workspace, w którym żyje każdy projekt.git clone https://github.com/hyoo-ru/mam.git2Załóż sobie jeden krótki katalog i opublikuj go jako repozytorium.mam/my/3Połóż obok rejestr swoich projektów.my/my.meta.tree4Utwórz w środku projekt z własnym repozytorium.my/hello/5Wpisz go, żeby świeży checkout pobierał go po nazwie.pack hello git \https://github.com/you/hello.gitDlaczego projekt ma własne repozytoriumJak zbudowany jest projektPorównanieJeden scenariusz, uruchamiany obok siebie w React, Vue i $mol, na żywo w twojej własnej przeglądarce.Otwórz porównanie Zacznij od $mol vs React