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

描述

Grainsjs 是一个为 HTML 设计的微型响应式状态管理库。它允许您直接在 HTML 中使用自定义属性创建独立的状态容器,消除了构建步骤或复杂设置的需要。只需通过脚本标签包含该库,即可开始声明性地管理组件状态。Grainsjs 提供了一个简单直观的 API,利用 HTML 属性实现所有功能。

如何使用 Grains.js?

Grainsjs 使用以 'g' 为前缀的自定义属性来管理状态和定义响应行为。通过脚本标签包含压缩版本,然后使用属性如 gstate、ginit、gtext 和 gmodel 直接在 HTML 中定义和操作您的状态。

核心功能 Grains.js:

1️⃣

微状态:为特定 HTML 段创建独立的状态容器。

2️⃣

响应式:每当状态变化时自动更新 UI。

3️⃣

轻量级:无依赖,单文件库。

4️⃣

无构建步骤:通过脚本标签直接包含。

5️⃣

撤销/重做:内置状态历史支持。

为什么要使用 Grains.js?

#使用案例状态
# 1在 Web 应用程序中管理组件状态,无需复杂设置。
# 2创建具有双向数据绑定的交互式表单。
# 3实现响应状态变化的动画。

开发者 Grains.js?

Grainsjs 由一群贡献者开发,专注于为 HTML 应用程序提供轻量高效的状态管理解决方案。

常见问题 Grains.js