How to handle data dependencies with Async in Alt.js

179 Views Asked by At

I am currently trying to manage data dependencies in a react app. Usually I would just use waitFor. That doesnt help here though, since it won't wait for the async data fetching, just for the sync operations.

Depender:

@bind(Actions.showUserForm)
showUserForm(id) {
  const user = UserStore.getState()[id];
  this.setState({form: someAction(user)});
}

Dependee:

@bind(Actions.getUser, showUserForm.showUser)
getUser(id) {
  this.getInstance().getUser(id);
}

@bind(Actions.getUserSucc)
getUserSucc(user) {
  this.setState({ [user.id]: user })
}

Dependee Source

export default {
  getUser: {
    remote: (state, id) => UserAPI.get(id),
    success: Actions.getUserSucc
  },
};

The Depender needs somehow to wait for the Dependees async response with the user data. I could just listen to the success action, though this would trigger the Depender everytime a user is fetched from the backend.

Is there an idiomatic solution for those kind of problems?

0

There are 0 best solutions below