@act/optimistic 中文文档教程

Question

一个简单的响应式前端框架

 

Act optimistic updates

Act 乐观更新 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

此模块的文档是 Act 的的一部分 文档。