Micromódulos reativos

$mol — o framework reativo demicromódulos

A reatividade está na fundação do framework, não parafusada por cima.Arrays de dependências, assinaturas manuais, invalidação manual de cache, limpeza de efeitos — nada disso existe aqui. Não foi facilitado, foi tornado desnecessário.Começar Testar o Playground Por que $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 }, }, } )}→ao vivoHello, mol!Três arquivos: a marcação, a lógica e os estilos.Testar este exemploMinimalistaUm ecossistema de adoção incremental, que escala de um único componente a um aplicativo local-first full-stack.ÓtimoConstrua interfaces como árvores de componentes. A reatividade é automática, os efeitos colaterais são explícitos.LeveVirtualização total da renderização — componentes fora da viewport simplesmente não existem.Estrutura

Arquitetura micromodular por padrão

Um projeto é uma pasta, uma pasta é um repositório, e o framework fica ao lado do seu código em vez de dentro dele. O arranjo é o mesmo para um primeiro componente e para uma empresa com trinta projetos.mam/ workspace├── .meta.tree registro├── mol/ o framework└── my/ seu pacote ├── my.meta.tree seu registro └── hello/ seu projeto ├── index.html ponto de entrada └── hello.view.tree a marcaçãoCinco passos até um projeto seu1Clone o MAM uma vez. É o workspace onde todo projeto vive.git clone https://github.com/hyoo-ru/mam.git2Crie uma pasta curta para você e publique-a como repositório.mam/my/3Coloque ao lado o registro dos seus projetos.my/my.meta.tree4Crie o projeto dentro dela, com um repositório próprio.my/hello/5Registre-o, para que um checkout novo o busque pelo nome.pack hello git \https://github.com/you/hello.gitPor que o seu projeto mantém o próprio repositórioComo um projeto é organizadoCompararUm cenário, rodando lado a lado em React, Vue e $mol, ao vivo no seu próprio navegador.Abrir a comparação Começar por $mol vs React

$mol — o framework reativo demicromódulos​

Arquitetura micromodular por padrão

$mol — o framework reativo demicromódulos