React : l’API browser() pour rendre un composant uniquement côté navigateur

React Canary introduit l’API browser() pour rendre un composant exclusivement dans le navigateur, sans risque de mismatch à l’hydratation ni effet de montage supplémentaire. L’article montre comment placer use(browser()) dans un composant client, entouré d’une Suspense, pour différer son rendu jusqu’à ce que les APIs du navigateur soient disponibles. Plusieurs exemples concrets illustrent l’intérêt de cette approche pour accéder à localStorage, au DOM ou à des données spécifiques à l’utilisateur, tout en évitant les contournements habituels avec useEffect ou des vérifications de l’environnement.