Reaktive Mikromodule

$mol — das reaktive Framework ausMikromodulen

Reaktivität steckt im Fundament des Frameworks, nicht obendrauf geschraubt.Abhängigkeitsarrays, manuelle Abonnements, manuelle Cache-Invalidierung, Effekt-Aufräumen — nichts davon existiert hier. Nicht vereinfacht, sondern überflüssig gemacht.Loslegen Playground testen Warum $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 }, }, } )}→liveHello, mol!Drei Dateien: Markup, Logik und Styles.Beispiel ausprobierenMinimalistischEin schrittweise einführbares Ökosystem, das von einer einzelnen Komponente bis zur Full-Stack-local-first-App skaliert.OptimalBaue UIs als Bäume aus Komponenten. Reaktivität ist automatisch, Seiteneffekte sind explizit.LeichtgewichtigVollständige Rendering-Virtualisierung — Komponenten außerhalb des Viewports existieren schlichtweg nicht.Struktur

Mikromodulare Architektur ab Werk

Ein Projekt ist ein Ordner, ein Ordner ist ein Repository, und das Framework liegt neben Ihrem Code statt darin. Die Aufteilung ist dieselbe für die erste Komponente wie für eine Firma mit dreißig Projekten.mam/ Workspace├── .meta.tree Registry├── mol/ das Framework└── my/ Ihr Paket ├── my.meta.tree Ihre Registry └── hello/ Ihr Projekt ├── index.html Einstiegspunkt └── hello.view.tree das MarkupFünf Schritte zu einem eigenen Projekt1MAM einmal klonen. Es ist der Workspace, in dem jedes Projekt liegt.git clone https://github.com/hyoo-ru/mam.git2Einen kurzen Ordner für sich anlegen und als Repository veröffentlichen.mam/my/3Die Registry Ihrer Projekte danebenlegen.my/my.meta.tree4Darin das Projekt anlegen, mit einem eigenen Repository.my/hello/5Es eintragen, damit ein frischer Checkout es beim Namen holt.pack hello git \https://github.com/you/hello.gitWarum Ihr Projekt ein eigenes Repository behältWie ein Projekt aufgebaut istVergleichEin Szenario, nebeneinander ausgeführt in React, Vue und $mol, live in deinem eigenen Browser.Vergleich öffnen Mit $mol vs React starten

$mol — das reaktive Framework ausMikromodulen​

Mikromodulare Architektur ab Werk

$mol — das reaktive Framework ausMikromodulen