UNDERSTANDING REACT SERVER COMPONENTS
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.