Server-side rendering has been one of the oldest techniques to render our code on the server and produce an HTML on the page, which helped in improving initial page loads, and overcoming a few shortcomings of client-side rendering. But it's just a "mirage" on performance since the users still have to wait for JS to load. Plus, SSR is only limited to the first-page load. I know, not much we can do, right? What if you could get plenty more like 0 js bundle size, automatic code splitting and no client-server waterfalls! 😱😱😱
Let's uncover this mystery with Server components!

This talk aims to cover the following points:-

1. A fun story of how we needed CSR and how SSR started to take its place

2. What are server components and what benefits do they bring

3. Brief overview of how they make this magic happen

4. Demo of a simple app using client-side rendering, SSR, and server components and analyzing the performance gains and understanding when to use what

5. My take on how rendering UI will change with this approach