Repository navigation
server side rendering? #217
Description
Activity
I do have a good idea to do SSR, but it's not easy
Do you know react server component? It has no states and events and does not need hydration.
In the past, SSR traverses vdom to generate html strings, which has poor performance in the server.
But if we compile JSX into bytecodes, there will be a great performance improvement.
This is feasible on the premise that the component is the same as the server component and has no state.
In other words, we can do ssr of server component at the same time, which has four advantages:
-
Efficient bytecode
-
Because the server component has no state, it doesn't need to hydration.
-
Smaller bundle size.
-
If we can learn from angular ivy, we can do more tree shaking.
@trueadm has done similar work, and I'd like to try it. Maybe it's a good idea.
-
@jantimon I am paying close attention to react fizz. Its implementation is very interesting and suitable for fre.
https://github.com/facebook/react/tree/master/packages/react-serverReacted by Tom Byrercool :) looking forward on your findings
Any new ideas yet?
@tomByrer I do have a lot of ideas here, but it takes time and I may need a summer vacation.
- Streaming rendering, which is the most important, enables SSR to support suspend interaction.
- ESR, Deploying in cloudflare worker, and developing in labor
I'm a little busy recently, so the progress will be slow. If someone helps me, that would be great. Thank you.
Reacted by Tom Byrer and khakimvinhIn the past, SSR traverses vdom to generate html strings, which has poor performance in the server.
are there some poor performance examples about renderToString?
Reacted by foxHalo everyone, I'm back. I disappeared for four years for my studies. I have roughly supported hydration now, and the next step is to implement fre server component, which is more suitable for fre's context than imagined.
If you are more interested in SSR, I think recoverable hydration would be better. asta is just a half-finished product, which is not easy to achieve in fre.https://github.com/yisar/asta
does fre provide ssr and hydration like preact and react?