4 ms·
Proposed variant optimised for human readaiblity... ```js import mador from "mador"; const [read, write] = mador({ count: 1 }); read(".counter", ctx => ctx.el.
by moostee 28d ago
Proposed variant optimised for human readaiblity...
```js
import mador from "mador";
const [read, write] = mador({ count: 1 });
read(".counter", ctx => ctx.el.textContent = ctx.count);
write(".increment", "click", ctx => ctx.count++);
write(ctx => ctx.count = 0);
```
## Read
Dependencies are detected automatically when the read function is run during initiation.
```js
read(".counter", ctx => ctx.el.textContent = `Count: ${ctx.count}`);
```
## Write
Immediate:
```js
write(ctx => ctx.count++);
```
Event-triggered:
```js
write(".increment", "click", ctx => ctx.count++);
```
Event writes expose `ctx.el` and `ctx.event`.
- bosmarcel 28d agoO yes, thanks, appreciate it! I'm tired now, but i will find the time tomorrow to make it more readable!