diff --git a/public/images/docs/diagrams/prerender.dark.png b/public/images/docs/diagrams/prerender.dark.png new file mode 100644 index 000000000..1e7d67e13 Binary files /dev/null and b/public/images/docs/diagrams/prerender.dark.png differ diff --git a/public/images/docs/diagrams/prerender.png b/public/images/docs/diagrams/prerender.png new file mode 100644 index 000000000..ababa5493 Binary files /dev/null and b/public/images/docs/diagrams/prerender.png differ diff --git a/public/images/docs/diagrams/prewarm.dark.png b/public/images/docs/diagrams/prewarm.dark.png new file mode 100644 index 000000000..461406039 Binary files /dev/null and b/public/images/docs/diagrams/prewarm.dark.png differ diff --git a/public/images/docs/diagrams/prewarm.png b/public/images/docs/diagrams/prewarm.png new file mode 100644 index 000000000..f6ec1c49d Binary files /dev/null and b/public/images/docs/diagrams/prewarm.png differ diff --git a/src/components/MDX/Diagram.tsx b/src/components/MDX/Diagram.tsx index 7920661da..649f48dff 100644 --- a/src/components/MDX/Diagram.tsx +++ b/src/components/MDX/Diagram.tsx @@ -15,8 +15,8 @@ interface DiagramProps { function Caption({text}: {text: string}) { return ( -
-
+
+
{text}
diff --git a/src/content/blog/2024/04/25/react-19-upgrade-guide.md b/src/content/blog/2024/04/25/react-19-upgrade-guide.md index 79741bf11..08529b4a0 100644 --- a/src/content/blog/2024/04/25/react-19-upgrade-guide.md +++ b/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 : + + + +Auparavant, lorsqu'un composant suspendait, ses adelphes suspendus faisaient leur rendu avant que le commit du contenu de secours. + + + + + +Avec React 19, lorsqu'un composant suspend, le contenu de secours est committé et seulement ensuite les adelphes suspendus font leur rendu. + + + +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. diff --git a/src/content/community/team.md b/src/content/community/team.md index b47aaef25..225d089ac 100644 --- a/src/content/community/team.md +++ b/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. - + 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. diff --git a/src/content/learn/react-compiler.md b/src/content/learn/react-compiler.md index ebb79196e..7d830d241 100644 --- a/src/content/learn/react-compiler.md +++ b/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*/}