React.js Rendering Deep Dive: Strategies for Performance and Efficiency
<p>Below are the topics we will be discussing in this blog.</p>
<ol>
<li>What are rendering patterns?</li>
<li>Static Site Generation(SSG).</li>
<li>Incremental site regeneration (ISR).</li>
<li>Server-side rendering (SSR).</li>
<li>Client-side rendering (CSR).</li>
<li>Isomorphic Rendering.</li>
<li>When to use which rendering pattern?</li>
<li>Github source code.</li>
<li>References.</li>
</ol>
<h1><strong>What are Rendering patterns?</strong></h1>
<p>In simple words, Rendering is a process of turning data and code into an HTML document that can be seen on browsers.</p>
<p>If it is that simple then why there is so much fuzz around it? </p>
<p>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).</p>
<p>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.</p>
<p><a href="https://medium.com/@faiz.mohd778/react-js-rendering-deep-dive-strategies-for-performance-and-efficiency-17e0428096a0">Website</a></p>