@act/optimistic

Optimistic updates for Act

Usage no npm install needed!

<script type="module">
  import actOptimistic from 'https://cdn.skypack.dev/@act/optimistic';
</script>

README

Act
A simple reactive front-end framework

 


Act optimistic updates

Act optimistic updates hello world:

import main from '@act/optimistic'
import map from 'ramda/src/map'
import valueOnEnter from '@act/main/processes/valueOnEnter'

const add = (payload, history) =>
  history.push({ type: 'success', payload }, (rollback) =>
    setTimeout(rollback, 5000))

const view = (comments) =>
  ['main', [
    ['input', { keyup: [add, valueOnEnter], value: '' }],
    ...map((comment) => ['div', comment], comments)
  ]]

const reducer = (state = [], { type, payload }) =>
  type === 'success' ? [...state, payload] : state

main(view, { reducer })

More

The documentation for this module is part of Act's docs.