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

$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