Wait for redux action / promise before render

We’re trying to render a page that displays a shareable video file loaded from a third party server, and make it so that social media parsers (like Facebook) would pick up meta tags we put in Helmet for that video.

The problem is that right now there seems to be no way to make the server wait for an action to finish before rendering, so the Helmet update takes a second or so - which means the Facebook parser treats it as if there were no metatags on it.

Is there any way to make este wait for a promise before rendering the server-side part?

If not, would something like this work with este? https://github.com/makeomatic/redux-connect

What would be a good place in the general structure to implement something like this?

@tarkanlar

[israelidanny]

Yeah, I saw este implementation and how you dispatch. But if I’m not mistaken, the example above will immediately return _START and then loadOnServer() won’t wait for either _ERROR or _SUCCESS. At least that’s what I’m experiencing.

redux doesn’t tolerate promises, and each action should be a plain object, correct? So the moment I call the request, - as far as loadOnServer() is concerned, I’m done.

Am I wrong?

[rkoberg]

I showed how I dispatch an action above. Este does not use redux-thunk, rather its own implementation which is basically the same (uses _START, _ERROR, _SUCCESS). I think you need to spend some time going through the source and working it out.