store-api-cohesions.js

// implicit cohesions
root = store({ data: { list: [] }, loading: false, error: null })
  .on(req, state => ({ ...state, error: null, loading: true }))
  .on(res, (state, list) => ({ ...state, data: { list }, loading: false }))
  .on(err, (state, error) => ({ ...state, error, loading: false }));

// explicit cohesions
export const data = store({ list: [] })
  .on(res, list => ({ list }));

export const error = store(null)
  .on(req, () => null)
  .on(err, e => e);

export const loading = store(false)
  .on(req, () => true)
  .on(res, () => false)
  .on(err, () => false);

root = store({ data, error, loading });

store({ prop: null }).subscribe(1)
.map(v => v.prop).subscribe(2)
.map(prop => ({prop})).subscribe(3)
.map(v => v.prop).subscribe(4)
// VS
const prop = store(null)
.subscribe(2)
.subscribe(3)
store({ prop })
.subscribe(1)
.subscribe(3)