React.js Rendering Deep Dive: Strategies for Performance and Efficiency

Below are the topics we will be discussing in this blog.

  1. What are rendering patterns?
  2. Static Site Generation(SSG).
  3. Incremental site regeneration (ISR).
  4. Server-side rendering (SSR).
  5. Client-side rendering (CSR).
  6. Isomorphic Rendering.
  7. When to use which rendering pattern?
  8. Github source code.
  9. References.

What are Rendering patterns?

In simple words, Rendering is a process of turning data and code into an HTML document that can be seen on browsers.

If it is that simple then why there is so much fuzz around it? 

Because how you generate the HTML and where that rendering process happens can have a significant impact on the user experience, performance, and search engine optimization (SEO).

Based on the rendering pattern you can generate HTML documents either on a server or on the client’s machine but there are different ways to generate them, which we are going to discuss in this article.

Website