Does it really need CSS to render? If css file is big I would like for just the SSR rendered HTML to be displayed. I have a problem doing that, it always waits for all css to download before it renders. Interesting thing is that if in Network I block request for css file(I extracted css in separate file with webpack extract-text-webpack-plugin) only the server side rendered HTML is shown on the screen. So why can it not show just server side rendered HTML when it also has to download css file, and then when it download is finished it just adds the styles?
it would be a nice test if you compare ssr react vs vanilla js solution in a large scale where we have millions users and show how it affect server in case of memory usage and first meaningful paint
2 years late but i think the main reason is for SEO which is partly loading times and partly giving the search bot crawlers html content to parse. SPA's run on the client and do API calls to hydrate data (normally showing a loading spinner). Search bot crawlers only hang around for a small period of time after loading the page so they'll only see the loading spinner and not the data. By using SSR you can ensure the data that is on the page is seen by the search crawler because it's in the html on first load.
Seems like we'll be waiting for Vue or Nuxt for ages .
Does it really need CSS to render? If css file is big I would like for just the SSR rendered HTML to be displayed. I have a problem doing that, it always waits for all css to download before it renders. Interesting thing is that if in Network I block request for css file(I extracted css in separate file with webpack extract-text-webpack-plugin) only the server side rendered HTML is shown on the screen. So why can it not show just server side rendered HTML when it also has to download css file, and then when it download is finished it just adds the styles?
it would be a nice test if you compare ssr react vs vanilla js solution in a large scale where we have millions users and show how it affect server in case of memory usage and first meaningful paint
What version of React did you use ? Seems like react 16 improved the SSR performance. Would be intersting to compare Preact and React 16
when you will upload video for Vue js?? Kinldy upload the video for the same. We are waiting for a long time.. @David
why we use server side rendering , is it only the first load is faster...
2 years late but i think the main reason is for SEO which is partly loading times and partly giving the search bot crawlers html content to parse. SPA's run on the client and do API calls to hydrate data (normally showing a loading spinner). Search bot crawlers only hang around for a small period of time after loading the page so they'll only see the loading spinner and not the data. By using SSR you can ensure the data that is on the page is seen by the search crawler because it's in the html on first load.
@@MikesGlitch Thank You Michael...Yes 2 years back I used to work as Front end developer, Now Its since few months I am a full time Yoga teacher :) 👍
@@rajlaxmidora1061 that's amazing :D Why did you quit your job?
Thanks
Preact coming soon I hear? :D
Seems like the next video will be for me😂 moto g4 plus, mac, vscode & preact
almost the same for me, oneplus 3, macbook air, vscode & preact :D
Is this app hydrated?
we saw that a week agooo QQ cmoon guyz
First Vuejs please!)))))))
nice tutorial fake bloopers