Interesting Parcel project issue about react-imported-component HOT 9 CLOSED

Your code seems to be ok. Let me check what is wrong.

from react-imported-component.

Your example is perfectly working for me. Visually. Both for dev and SSR modes.

But - rehydrateMarks by fact does nothing - it could not found a mark to rehydrate, and not preloading async chunk before react hydrate (causing "blink")
Something like today I am going to publish a new minor version, which changes the SSR approach. It will fix everything for any bundler you may use(thats the goal).

from react-imported-component.

To clarify, I see the client render too, but in view-source://localhost:1234/codeSplit, I don't see the script/link tags for additional css/js and the html that makes up the page.

I'll wait for your change and try again with any new logic. Thanks so much for your reply!

from react-imported-component.

There will be no additional scripts on the page. "Translating" the imports into bundler specific files is a dead end.
React-imported-component repeats the imports you wrote in your code. From one point of view - it will delay loading by one "hop", requiring main bundle to be loaded in front, but from another - it will just work with parcel, not only with webpack, as usual.

from react-imported-component.

Is what I'm describing even possible? For SEO reasons the contents of a page (component) should be rendered by the server first. I noticed with react universal component I got as far as rendering the "Loading..." message but it did not render the component. Is this functionality unavailable in the ecosystem right now?

from react-imported-component.

All "SSR-Aware" loaders could do this. They will keep your pre-rendered content unchanged unless they will be fully prepared to replace(rehydrate) it.
But usually you have to kick loader into this waiting. Here this command names rehydrateMarks, and it is broken a bit for parcel.

from react-imported-component.

Ok, it lead to the major version change.
v4 just got published, and your example was used as example :)

Could confirm that everything works just perfect.

from react-imported-component.

Oh wow, such an honor thank you 💃 !

I will check this out tonight. I mean, this is something quite special really. SSR, code-split react with fast compilation and zero configuration... very cool.

from react-imported-component.

Not zero :)

from react-imported-component.