Possible to respond on a Promise?

Hi,

I’m trying to dispatch a POST and once data is retrieved, then change the page to either a success or a failure page (has to be a different page and not just a toastr message that pops up)

The following, obviously, won’t work (in my form component):

this.props
        .dispatch('requestquote', this.state)
        .then(console.log('submit'));

How would I be able to tell if the POST was successful (or failed for any reason) and then continue to load a different route?

Or would you suggest abandoning the idea of a central store and just post within the component itself?

[ai]

I still stink that you should move

function login() {
  let id = nanoid()
  setId(id)
  dispatch('login', { id, data ]))
}

let loginProcess = requests[id]
if (loginProcess === 'done') {
  redirect('/app)
}

to store module and not keeping it in a component.

In Storeon we splitting the app into “logic” and “UI”. It was a core idea of creating the Storeon (for instance, routing is a store module, not a component as in React Router).

If we want to split into “domain” and “local” logic, we will have completely different API (Effector is much closer to it).

[igorkamyshev]

Hello!

I have use-case for this issue.

I want do something in store (e.g. login user) and after it close login modal or redirect user to another page. This actions (modals, redirects) not “domain” actions. It is UI actions. But now, I must write many boilerplate code for this case.

Now:

let { requests, dispatch } = useStoreon('requests')
let { id, setId } = useState()
function login() {
  let id = nanoid()
  setId(id)
  dispatch('login', { id, data ]))
}

let loginProcess = requests[id]
if (loginProcess === 'done') {
  redirect('/app)
}

With returning Promise:

let { requests, dispatch } = useStoreon('requests')
function login() {
  dispatch('login', { data ]))
    .then(() => redirect('/app'))
}

Also, this API change reduce boilerplate in store definition.

@ai what do you think?