Behavioral programming React

bp.jsx

const Comments = behavior([
  function* () {
    const comments = yield fetchComments()
    yield { request: FETCH_COMMENTS_SUCCESS, payload: comments }
  }
])(Comments)

const CommentsCount = behavior([
  function* () {
    yield { request: FETCH_COMMENTS_COUNT }
    const comments = yield fetchComments()
    yield { request: UPDATE_COUNT, payload: comments.length }
  }
])(CommentsCount)

// request, wait, block
const CommentsCount = behavior([
  function* () {
    yield { block: FETCH_COMMENTS_COUNT }
  },
  function* () {
    const comments = yield { wait: FETCH_COMMENTS_SUCCESS }
    yield { request: UPDATE_COUNT, payload: comments.length }
  }
])(CommentsCount)

function App() {
  return [
    <Comments />,
    <CommentsCount />
  ]
}