React Server Components boost performance and SEO by rendering on the server.
Nov 1, 2020
We’ve first shared our research on RSC in an introductory talk and an RFC. To recap them, we are introducing a new kind of component—Server Components—that run ahead of time and are excluded from your JavaScript bundle. Server Components can run during the build, letting you read from the filesystem or fetch static content. They can also run on the server, letting you access your data layer without having to build an API. You can pass data by props from Server Components to the interactive Client Components in the browser. React Server Components is an upcoming feature that allows you to write components that can be rendered both on the server and the client. This can greatly improve the performance of your web applications, since it enables server-side rendering without sacrificing the interactivity of client-side rendering. With React Server Components, you can split your components into smaller pieces that can be fetched and rendered on demand, reducing the initial load time of your application. This can be particularly useful for rendering blog content, since it allows you to fetch and render only the content that the user is currently viewing, rather than rendering the entire page on the server. Additionally, React Server Components can help improve SEO, since search engines can easily crawl and index server-rendered content.


