React Server Components (RSC): The Future of React

Published: 2024-08-16

React Server Components (RSC) represent a paradigm shift in how React's applications are rendered in its 10th anniversary. RSCs were first introduced in late 2020, and the first stable version of this feature was launched in 2024 as part of React 19. Traditionally, React applications were run on the client. This meant the browser would download the JavaScript bundle containing all the code that's needed to run the application, and then render the application. Though this had some advantages, this approach caused slow initial loads and the need to fetch and process the data on the client made things even slower. With React Server Components, React can now run on the server without necessarily being sent to the client, fundamentally changing how React works at its core and how we use it to build applications. Server Side Rendering (SSR) In order to understand React Server Components (RSC), we need to first understand how Server Side Rendering (SSR) works. If you are already familiar with SSR feel free to skip this section. SSR is a web development technique that renders a web page on the server rather than in the browser.

Read More