mirror of
https://github.com/jaandrle/deka-dom-el
synced 2024-11-24 09:29:37 +01:00
Jan Andrle
cd62782c7b
* ⚡ refact docs to make editing (now renaming observables to signal) easier * ⚡ ⚡ use signal(s) term isntead of observable(s) * ⚡ 🔤 version + typo * 🐛 customElement example (0→S) * 📺 version in package-lock.json
29 lines
1.0 KiB
JavaScript
29 lines
1.0 KiB
JavaScript
import { el } from "deka-dom-el";
|
||
import { mnemonicUl } from "../mnemonicUl.html.js";
|
||
|
||
export function mnemonic(){
|
||
return mnemonicUl().append(
|
||
el("li").append(
|
||
el("code", "S(<value>)"), " — signal: reactive value",
|
||
),
|
||
el("li").append(
|
||
el("code", "S(()=> <computation>)"), " — read-only signal: reactive value dependent on calculation using other signals",
|
||
),
|
||
el("li").append(
|
||
el("code", "S.on(<signal>, <listener>[, <options>])"), " — listen to the signal value changes",
|
||
),
|
||
el("li").append(
|
||
el("code", "S.clear(...<signals>)"), " — off and clear signals",
|
||
),
|
||
el("li").append(
|
||
el("code", "S(<value>, <actions>)"), " — signal: pattern to create complex reactive objects/arrays",
|
||
),
|
||
el("li").append(
|
||
el("code", "S.action(<signal>, <action-name>, ...<action-arguments>)"), " — invoke an action for given signal"
|
||
),
|
||
el("li").append(
|
||
el("code", "S.el(<signal>, <function-returning-dom>)"), " — render partial dom structure (template) based on the current signal value",
|
||
)
|
||
);
|
||
}
|