https://github.com/greguz/iglue

Intuitive data-binding engine
https://github.com/greguz/iglue

data-binding frontend javascript micro-framework typescript

Last synced: 2 months ago
JSON representation

Intuitive data-binding engine

• Host: GitHub
• URL: https://github.com/greguz/iglue
• Owner: greguz
• License: mit
• Created: 2018-04-15T17:13:17.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-05-08T07:43:51.000Z (over 5 years ago)
• Last Synced: 2024-11-07T15:18:16.240Z (3 months ago)
• Topics: data-binding, frontend, javascript, micro-framework, typescript
• Language: TypeScript
• Homepage:
• Size: 362 KB
• Stars: 6
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# iglue

[![npm version](https://badge.fury.io/js/iglue.svg)](https://badge.fury.io/js/iglue) [![Dependencies Status](https://david-dm.org/greguz/iglue.svg)](https://david-dm.org/greguz/iglue.svg)

A simple and unobtrusive UI microframework.

## Motivation

I've worked with [Rivets.js](https://github.com/mikeric/rivets) for some time,

then I fell in love with [Vue.js](https://github.com/vuejs/vue),

but sometimes I just wanted something in between,

something cool and well written like _Vue_,

but simple and unobtrusive like _Rivets_...

So I came out to write **iglue**.

## Browser support

**iglue** supports all browsers that are ES5-compliant,

so IE8 and below are not supported.

## Usage

```html



  
{ article.title }

  
{ article.content }



```


```javascript

iglue.bind(document.getElementById("articles"), {

  articles: [

    {

      title: "Hello world",

      visible: true,

      old: true,

      content: "The cake is a lie"

    },

    {

      title: "Glados is watching",

      visible: false,

      old: false,

      content:

        "Hello and, again, welcome to the Aperture Science computer-aided enrichment center."

    }

  ]

});

```