How to use the @most/core.constant function in @most/core
To help you get started, we’ve selected a few @most/core examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
mostjs / core / examples / counter / src / index.js View on Github 
// @flow
import { constant, scan, merge, tap, runEffects } from '@most/core'
import { newDefaultScheduler } from '@most/scheduler'
import { click } from '@most/dom-event'
import { qs } from '../../common'
const incButton = qs('[name=inc]', document)
const decButton = qs('[name=dec]', document)
const value = qs('.value', document)
const inc = constant(1, click(incButton))
const dec = constant(-1, click(decButton))
const counter = scan((total, delta) => total + delta, 0, merge(inc, dec))
const render = tap(total => { value.innerText = String(total) }, counter)
runEffects(render, newDefaultScheduler())// @flow
import { constant, scan, merge, tap, runEffects } from '@most/core'
import { newDefaultScheduler } from '@most/scheduler'
import { click } from '@most/dom-event'
import { qs } from '../../common'
const incButton = qs('[name=inc]', document)
const decButton = qs('[name=dec]', document)
const value = qs('.value', document)
const inc = constant(1, click(incButton))
const dec = constant(-1, click(decButton))
const counter = scan((total, delta) => total + delta, 0, merge(inc, dec))
const render = tap(total => { value.innerText = String(total) }, counter)
runEffects(render, newDefaultScheduler())@most/core
Reactive programming with lean, functions-only, curried, tree-shakeable API
