React 19 server components and server actions

Intro

React 19 introduces advancements with Server Components and Server Actions, enhancing server-side rendering.

Server Components allow to offload heavy lifting, such as data fetching and processing, to the server while sending lightweight serialized components to the client. This approach reduces client-side JavaScript bundles, improving performance and load times.

Server Actions improve interaction between the client and server by enabling seamless server-side logic execution through asynchronous functions that can be called directly from client components.