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 resultat : des bundles plus legers et un Time to Interactive meilleur.

Comment ca marche

Les composants marques sans "use client" sont des Server Components par defaut. Ils peuvent acceder directement a la base de donnees, au filesystem, etc.

Quand utiliser "use client"

Utilisez la directive "use client" uniquement pour les composants qui necessitent de l'interactivite : event handlers, hooks, effets.

Pattern recommande

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