Subscribe to get weekly email with the most promising tools 🚀

Grains.js-image-0
Grains.js-image-1
Grains.js-image-2
Grains.js-image-3
Grains.js-image-4

Descrição

Grainsjs é uma pequena biblioteca de gerenciamento de estado reativo projetada para HTML. Ela permite que você crie contêineres de estado isolados diretamente dentro do seu HTML usando atributos personalizados, eliminando a necessidade de uma etapa de construção ou configuração complexa. Basta incluir a biblioteca via uma tag de script e começar a gerenciar os estados dos seus componentes de forma declarativa. Grainsjs oferece uma API simples e intuitiva que aproveita os atributos HTML para toda a funcionalidade.

Como usar Grains.js?

Grainsjs usa atributos personalizados com o prefixo 'g' para gerenciar estado e definir comportamento reativo. Inclua a versão minificada via uma tag de script, depois use atributos como gstate, ginit, gtext e gmodel para definir e manipular seu estado diretamente no HTML.

Recursos principais de Grains.js:

1️⃣

Microestados: Crie contêineres de estado isolados para segmentos HTML específicos.

2️⃣

Reativo: Atualizações automáticas da interface sempre que seu estado muda.

3️⃣

Leve: Sem dependências, biblioteca de arquivo único.

4️⃣

Sem Etapa de Construção: Inclua diretamente via uma tag de script.

5️⃣

Desfazer/Refazer: Suporte embutido para histórico de estado.

Por que usar Grains.js?

#Caso de usoStatus
# 1Gerenciar estados de componentes em aplicações web sem configurações complexas.
# 2Criar formulários interativos com vinculação de dados bidirecional.
# 3Implementar animações que respondem a mudanças de estado.

Desenvolvido por Grains.js?

Grainsjs é desenvolvido por uma comunidade de colaboradores, com foco em fornecer uma solução leve e eficiente para gerenciamento de estado em aplicações HTML.

FAQ de Grains.js