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?&nbsp;</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&rsquo;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>