响应式微模块

$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 开始