How to deal w/ side-effects

example.js

import { objectivesStore, keyResultsStore, listOKRs, deleteOKR as deleteOKRMutation, updateOKR } from './stores/okrs.js'
import { teamStore, listTeams } from './stores/teams.js'
import { error } from './stores/errors.js'
import { memberStore, listMembers } from './stores/members.js'
import { fork, reject, parallel } from 'fluture'
import { onMount } from 'svelte'
import { pipe, head, filter, maybe, map, prop, sortBy } from './sanctuary.js'

let viewMode

export const listOKRs =
  encaseP(query => API.graphql(graphqlOperation(query))) (listOKRsQuery)
    .pipe (map (prop ('data')))
    .pipe (map (prop ('listOKRs')))
    .pipe (map (sortBy (prop ('timeAdded'))))

export const listMembers = 
  encaseP(query => API.graphql(graphqlOperation(query))) (listMembersQuery)
    .pipe (map (prop ('data')))
    .pipe (map (prop ('listMembers')))

export const listTeams =
  encaseP(query => API.graphql(graphqlOperation(query))) (listTeamsQuery)
    .pipe (map (prop ('data')))
    .pipe (map (prop ('listTeams')))

const basicError = () => error.set('Something went wrong. Please try again')

const initState = ([okrs, teams, members]) => 
  objectivesStore.set(okrs) 
  || teamStore.set(teams) 
  || memberStore.set(members)

onMount(() => 
  parallel (3) ([listOKRs, listTeams, listMembers])
  .pipe (map (initState))
  .pipe (fork (basicError) (() => viewMode = 'main')))