UNDERSTANDING REACT SERVER COMPONENTS

Summary from the TLDR Web Dev newsletter

React Server Components (RSCs) individually fetch data and render entirely on the server, streaming the resulting HTML into the client-side React component tree and interleaving with other Server and Client Components as necessary. This process eliminates the need for client-side re-rendering, thereby improving performance. When an RSC needs to be re-rendered, due to state change, it refreshes on the server and seamlessly merges into the existing DOM without a hard refresh.