La explicación de Addy Osmani sobre Next.js App Router y React Server Component

• Addy Osmani forma parte del equipo de Google Chrome y conoce muy bien los frameworks y las librerías, al punto de haber impulsado proyectos como TodoMVC y HNPWA
• ¿RSC?
  • Integra la obtención de datos como un elemento esencial de la composición del árbol de componentes, lo que permite espera en el nivel superior y serialización de datos del lado del servidor
  • RSC son componentes de React sin estado que se ejecutan en el servidor, y ofrecen una experiencia que facilita reutilizar código mantenible entre componentes de servidor y de cliente (knitting)
  • Permite un enrutamiento similar al de una SPA sobre una arquitectura parecida a MPA
  • La implementación real (y lo que se ofrece) variará según el framework
  • El equipo de React considera que se difundirá ampliamente y que impactará al ecosistema. Dan, del equipo de React, compara los Server Component con la estructura ósea del flujo de datos de una app, mientras que los Client Component serían la carne que recubre esos huesos
• ¿Cómo se integran Next.js App Router y Server Component?
  • Soporte para RSC desde Next.js 13+
  • Los componentes dentro de la ruta app tienen soporte automático para RSC
  • RSC aprovecha la infraestructura y las dependencias del lado del servidor para ofrecer mejor rendimiento y bundles más pequeños
  • Next.js App Router mezcla renderizado del servidor y del cliente para mejorar gradualmente la app y hacer más natural la experiencia del usuario. Se pueden usar Client Component de forma explícita con (use client) y colocarlos de manera intercalada dentro del mismo árbol de componentes
  • Están surgiendo buenas experiencias de uso con Next.js App Router
• Hay varios otros temas relacionados, así que vale la pena leerlo.