React SSR fetch per components

jfn0 — Tue, 12 Mar 2019 22:22:38 +0000

Hi folk!

After a lots of googling and reading regarding the best way to handle fetch per components in a SSR way I came to the conclusion that I need some React community help hehe.

I tested razzle, nextjs, custom setup with express... and all the approaches follow the same pattern;

1 Fetch all you data and
2 pass it to the
3 render to string ...
4 hydrate, initial_state ... etc etc

However, there is something that I do not like with this approach. I did a lot of SPA project in the past without caring about seo and being able to share page on facebook nor twitter, having Helmet changing my meta on the fly...

But now, with this ssr way to do thing, not being able to fetch data in my component constructor... I feel that I have to break the way I am doing stuff.

So the question, is there a way, to have a none ssr react spa project transfers to ssr without having to fetch all my data at the begining if favor to a per components approach like I did without ssr.

side note:
The closest I get is a try with JSDOM, where I am able to use Render( from react-dom in the server instead of renderToString... the downside with this approach is that I did not see any blog post exposing this approach. the other downside is I cannot know when all the components are done with theirs fetching, so I have to embed everything in a ; setTimeOut with a exagerated delay to be sure everything is done.

Thank you

Forem: jfn0

React SSR fetch per components