Alinsalins-reactive
alins-reactive is a reactive base library for alins, providing APIs for creating and listening to reactive data, which can be used independently of alins.
Installation
npm i alins-reactiveSummary of major APIs
js
import {
ref,
reactive,
computed,
watch,
createStore,
observe,
isReactive,
isRef,
createProxy,
watchRef,
watchArray,
} from 'alins-reactive';For other API and type declarations, see alins-reactive.d.ts
Base use
Result Show compile output
js
import {ref, computed, watch} from 'alins-reactive';
const count = ref(1);
const countAdd1 = computed(() => count.v + 1);
const button = document.createElement('button');
button.onclick = () => { count.v ++; };
document.getElementById('App').appendChild(button);
const update = () => { button.innerText = `count = ${count.v}, count+1=${countAdd1.v}` };
update();
watch(count, update);For other API usage, see alins-reactive.d.ts