Both Client side rendering and Server side rendering has both pros and cons. Let’s list and see in what situation it can be beneficial and co-live together. I call Client side Rendering as CSR and Server side Rendering as SSR.
Client side Rendering
If Javascript that client has to load is too big, it will take lots of time to execute Javascript file. If device is very powerful or internet connection is pretty strong, it is not big problem, but it is not always that case.
Because SSR render the component and build html in the server, client use less resources to run javascript bundle.
SSR sounds better since it use less resources and build HTML in server, but there are trade off. With SSR, you can’t use browser events such as click, button. Also, handling state and changing data with React hooks.
Furthermore, with SSR, you can cache data in the server.