Реактивні мікромодулі

$mol — реактивниймікромодульнийфреймворк

Реактивність лежить в основі фреймворку, а не прикручена згори.Масиви залежностей, ручні підписки, ручна інвалідація кешу, очищення ефектів — їх тут просто немає. Не спрощені, а фізично непотрібні.Почати Спробувати пісочницю Чому $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 }, }, } )}→наживоHello, mol!Три файли: розмітка, логіка й стилі.Спробувати прикладМінімалістичнийЕкосистема з поступовим впровадженням, що масштабується від одного компонента до повноцінного local-first застосунку.ОптимальнийБудуйте інтерфейси як дерева компонентів. Реактивність автоматична, побічні ефекти явні.ЛінивийПовна віртуалізація рендерингу — компонентів поза видимою областю просто не існує.Структура

Правильна мікромодульна архітектура за замовчуванням

Проєкт — це тека, тека — це репозиторій, а фреймворк лежить поруч із вашим кодом, а не всередині нього. Розкладка однакова і для першого компонента, і для компанії з тридцятьма проєктами.mam/ воркспейс├── .meta.tree реєстр├── mol/ фреймворк└── my/ ваш пакет ├── my.meta.tree ваш реєстр └── hello/ ваш проєкт ├── index.html точка входу └── hello.view.tree розміткаП'ять кроків до власного проєкту1Склонуйте MAM один раз. Це воркспейс, усередині якого живуть усі проєкти.git clone https://github.com/hyoo-ru/mam.git2Заведіть собі одну коротку теку й викладіть її окремим репозиторієм.mam/my/3Покладіть поруч реєстр своїх проєктів.my/my.meta.tree4Створіть усередині проєкт із власним репозиторієм.my/hello/5Пропишіть його, щоб свіжий чекаут підтягував проєкт за іменем.pack hello git \https://github.com/you/hello.gitНавіщо проєкту власний репозиторійЯк влаштований проєктПорівнянняОдин сценарій, запущений пліч-о-пліч у React, Vue і $mol, наживо у вашому браузері.Відкрити порівняння Почати з $mol vs React