alahaka.js

events_draft.jsx

const edit = {
  initialState: null,
  actions: {
    edit: something => state => something
  },
  view: (state, dispatch, connect) => (
    <div>
      Editing: {JSON.stringify(state)}
      <button onClick={() => dispatch(edit.actions.edit({ name: 'Name!' }))}>Edit!</button>
    </div>
  )
}

const events = {
  initialState: {
    events: [],
    editing: edit.initialState
  },
  actions: {
    edit: edit.actions.edit
  },
  view: (state, dispatch, connect) => (
    <div>
      Events: {JSON.stringify(state.editing)}
      <button onClick={() => dispatch(users.actions.edit({ name: 'Name!' }))}>Edit</button>
    </div>
  )
}

const users = {
  initialState: {
    users: [],
    editing: null
  },
  actions: {
    edit: user => state => ({
      ...state,
      editing: user
    })
  },
  view: (state, dispatch, connect) => (
    <div>
      Users: {JSON.stringify(state.editing)}
      <button onClick={() => dispatch(users.actions.edit({ name: 'Name!' }))}>Edit</button>
    </div>
  )
}

const initialState = {
  events: events.initialState,
  users: users.initialState
}

app(initialState, (state, dispatch, connect) => (
  <div>
    {connect('events', events.view, state => dispatch())})}
    {connect('users', users.view, state => dispatch())})}
  </div>
))