Could you explain what you mean by "server side rendering state"?
The client receives this initial state and uses it with the html to glue together a working UI on the client.
This removes the massive JS bloat into raw html and split JS for each component.
Instead of sending 3MB of JS, you send only the JS needed to render the current page... and send additional JS as a user navigates through your website.
Here's an example with Create React App: https://github.com/cereallarceny/cra-ssr
Gonna have to quantify that. Cause I imagine if you did, you'd redact that statement. Redux is a very straightforwards and SMALL library that handles global state.
Its concept can be difficult to follow at first which may cause some to think it way more complex under the hood than it really is.
Redux is small.
> the latency cost of loading small parts as you go
The components are static JS split into files.
Pop those into a CDN and you get the best of both worlds.