React Server Components : guide pratique

Pourquoi les Server Components ?

Les React Server Components (RSC) permettent de rendre des composants cote serveur sans envoyer leur JavaScript au client. Le résultat : des bundles plus legers et un Time to Interactive meilleur.

Comment ca marche

Les composants marques sans "use client" sont des Server Components par défaut. Ils peuvent accéder directement à la base de données, au filesystem, etc.

Quand utiliser "use client"

Utilisez la directive "use client" uniquement pour les composants qui nécessitent de l'interactivité : event handlers, hooks, effets.

Pattern recommande

Gardez les Server Components pour le layout et le data fetching. Passez les données en props aux Client Components interactifs.