React-Server-Components

React-Server-Components (RSC) represent a paradigm shift in how React applications are architected. Developed by the team at Meta, this technology allows developers to render components on the server, which reduces the amount of JavaScript sent to the client and improves overall performance. Unlike traditional Server-Side-Rendering, React-Server-Components do not require Hydration for the server-only parts of the tree, leading to faster Time to Interactive (TTI) metrics. Frameworks such as Next.js, maintained by Vercel, have integrated React-Server-Components as a core feature of their App Router. According to the official React blog, this approach enables seamless data fetching directly from the server, bypassing the need for complex API layers in many cases. By leveraging Suspense, these components can stream content to the browser as it becomes ready, providing a smoother user experience. For more technical details on implementation, refer to the Next.js documentation.

• Server-Side-Rendering
• Hydration
• Suspense
• Next.js