響應式微模組

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