Merge pull request #680 from reactjs/sync-84f29eb2

Sync with react.dev @ 84f29eb

src/components/MDX/Diagram.tsx

@@ -15,8 +15,8 @@ interface DiagramProps {
 
 function Caption({text}: {text: string}) {
   return (
-    <div className="w-full table">
-      <figcaption className="p-1 sm:p-2 mt-0 sm:mt-0 text-gray-40 text-base lg:text-lg text-center leading-tight table-caption">
+    <div className="w-full flex justify-center">
+      <figcaption className="p-1 sm:p-2 mt-0 sm:mt-0 text-gray-40 text-base lg:text-lg text-center leading-tight table-caption max-w-lg">
         {text}
       </figcaption>
     </div>

src/content/blog/2024/04/25/react-19-upgrade-guide.md

@@ -544,6 +544,24 @@ Lors du double rendu du mode strict en développement, `useMemo` et `useCallback
 
 Comme pour tous les comportements du mode strict, il s'agit de faire proactivement émerger des bugs dans vos composants lors du développement, de façon à ce que vous puissiez les corriger avant qu'ils n'atteignent la production.  En développement, le mode strict fait par exemple deux appels aux fonctions de rappel des refs lors du montage initial, pour simuler ce qui se passe lorsqu'un composant monté est remplacé par un affichage Suspense de secours.
 
+### Améliorations de Suspense {/*improvements-to-suspense*/}
+
+Avec React 19, lorsqu'un composant suspend, React committera immédiatement le rendu de secours du périmètre Suspense le plus proche, sans attendre que l'arbre de composants concerné fasse un rendu intégral.  Une fois le commit du rendu de secours terminé, React planifie un nouveau rendu des composants suspendus pour « préchauffer » les requêtes paresseuses du reste de l'arbre :
+
+<Diagram name="prerender" height={162} width={1270} alt="Diagramme de trois étapes, avec un composant parent constituant un périmètre Suspense, et un composant fils qui suspend.  La deuxième étape voit un deuxième composant fils faire son rendu, et la troisième étape remplace l’ensemble par le contenu de secours.">
+
+Auparavant, lorsqu'un composant suspendait, ses adelphes suspendus faisaient leur rendu avant que le commit du contenu de secours.
+
+</Diagram>
+
+<Diagram name="prewarm" height={162} width={1270} alt="Diagramme avec les mêmes étapes que précédemment, sauf que le commit du contenu de secours survient en deuxième étape, et le rendu du deuxième composant dans le périmètre suspendu intervient en troisième étape.">
+
+Avec React 19, lorsqu'un composant suspend, le contenu de secours est committé et seulement ensuite les adelphes suspendus font leur rendu.
+
+</Diagram>
+
+Grâce à ce changement, les contenus de secours Suspense sont affichés plus tôt, et les requêtes paresseuses sont préchauffées au sein de l'arbre suspendu.
+
 ### Builds UMD retirés {/*umd-builds-removed*/}
 
 UMD était largement utilisé par le passé, en tant que moyen pratique d'utiliser React sans étape de build.  Il existe aujourd'hui des façons modernes de charger des modules en tant que scripts dans des documents HTML.  À partir de React 19, React ne fournira plus de builds UMD afin de réduire la complexité de ses processus de tests et de livraison.

src/content/community/team.md

@@ -38,7 +38,7 @@ Les membres actuels de l'équipe React sont listés ci-dessous par ordre alphab
     Joe pensait axer ses études sur les maths et la philosophie, mais s'est retrouvé en informatique après avoir écrit des simulations de physique dans Matlab.  Avant React, il travaillait sur Relay, RSocket.js et le langage de programmation Skip.  Lorsqu'il n'est pas en train de pondre un système réactif il aime courir, apprendre le japonais, et passer du temps en famille.
 </TeamMember>
 
-<TeamMember name="Josh Story" permalink="josh-story" photo="/images/team/josh.jpg" github="gnoff" bsky="gnoff.bsky.social" title="Ingénieur chez Vercel">
+<TeamMember name="Josh Story" permalink="josh-story" photo="/images/team/josh.jpg" github="gnoff" bsky="storyhb.com" title="Ingénieur chez Vercel">
     Josh a étudié les Mathématiques et découvert la programmation pendant ses études.  Son premier boulot de développeur professionnel consistait à calculer des taux d'assurance dans Microsoft Excel, ce parangon de Programmation Réactive, ce qui explique probablement pourquoi il bosse désormais sur React. Entre les deux Josh a été contributeur, manager voire directeur dans quelques startups.  Hors du boulot, il aime se lancer des défis de cuisine.
 </TeamMember>
 

src/content/learn/react-compiler.md

@@ -292,7 +292,7 @@ export default defineConfig(() => {
 
 ### Next.js {/*usage-with-nextjs*/}
 
-Merci de consulter la [documentation de Next.js](https://nextjs.org/docs/canary/app/api-reference/next-config-js/reactCompiler) pour les détails de mise en œuvre.
+Merci de consulter la [documentation de Next.js](https://nextjs.org/docs/app/api-reference/next-config-js/reactCompiler) pour les détails de mise en œuvre.
 
 ### Remix {/*usage-with-remix*/}
 
@@ -330,7 +330,7 @@ Un chargeur Webpack maintenu par la communauté est [désormais disponible ici](
 
 ### Expo {/*usage-with-expo*/}
 
-Veuillez consulter la [documentation d'Expo](https://docs.expo.dev/preview/react-compiler/) pour activer et utiliser React Compiler dans les applis Expo.
+Veuillez consulter la [documentation d'Expo](https://docs.expo.dev/guides/react-compiler/) pour activer et utiliser React Compiler dans les applis Expo.
 
 ### Metro (React Native) {/*usage-with-react-native-metro*/}