twoway

twoway is a very lightweight zerodependency two way databinding library. Specially designed for people wo don't want to have a framework like react, vue or angular.

Setup

CDN

To add twoway to your website you simply include the library via CDN

https://cdn.jsdelivr.net/npm/twoway

and when the page is ready run

let store = twoway("#app", {
number: null,
color: null,
size: null,
name: "Fabs",
}
);

NPM

Install it via NPM

npm i twoway --save

and include and initialize it in you main file

const twoway = require('twoway');
let store = twoway("#app", {
number: null,
color: null,
size: null,
name: "Fabs",
}
);

Playground

- Simple Input

Usage

Create a new store

After loading the library in your project it is very simple to setup.
First we create a new TwoWay object. The constructor required a root
DOM node for your app and an initial state/store.

let store = twoway("#app", {
name: "Fabs",
})

Manipulate store

After creating the store you can easily manupulate the values by
calling store.name = 'Foo'; and the DOM updates automatically

let store = twoway("#app", {
name: "Fabs",
})

store.name = "Foo Bar";

Elements

$3

XS
S
M
L

$3

Comming soon

$3

red


blue

$3

$3