Skip to content

Latest commit

 

History

History
26 lines (16 loc) · 2.18 KB

README.md

File metadata and controls

26 lines (16 loc) · 2.18 KB
Raw

CSR vs SSR

There are several reasons why a frontend developer might choose to use CSR instead of opting for SSR, depending on the project requirements, the team's expertise, and specific deployment needs.

General considerations

Some considerations:

  • Custom Server configuration: If you need to use a custom server configuration, you might want to use CSR. This is because you can use a custom server configuration to serve your static files, and then use a client-side framework to render the content on the client side. Most SSR frameworks provide a layer of abstraction over the server configuration.

  • Resources: You can decide to make either the client or the server responsible of rendering the content of the application.

  • Network: If you want to reduce the amount of data transferred over the network, you might want to use CSR.

  • Offline experience: By caching the application and data locally, a CSR app can still be navigable even without an internet connection. This would not be possible with server-side routing.

Client-side routing

With client-side routing, navigation between different parts of an application is handled within the browser without requiring a page reload from the server. This provides some advantages over traditioanl server-side routing:

  • Faster page transitions: The entire page doesn't need to be reloaded from the server.
  • Reduced server load: The server doesn't need to process every navigation request.
  • Smooth user experience: It can provide a more seamless and app-like user experience by navigating through different parts of the app without a full page refresh.
  • Enhanced offline experiences: By caching the application and data locally, the app might still be navigable even without an internet connection.
  • Fine-grained control over transitions: Developers can implement custom animations, loading states, or partial updates to the page, providing a more dynamic and engaging user interface.
  • Stateful UIs: It's easier to maintain state across different views, allowing for features like scroll position restoration, complex animations based on user interactions, or maintaing the state of a partially completed form.