You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/blog/2024/04/25/react-19-upgrade-guide.md
+8-12Lines changed: 8 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -542,29 +542,25 @@ React 19 apporte plusieurs correctifs et améliorations au mode strict.
542
542
543
543
Lors du double rendu du mode strict en développement, `useMemo` et `useCallback` réutiliseront le résultat mémoïsé du premier rendu lors du second rendu. Les composants qui étaient déjà compatibles avec le mode strict ne devraient constater aucun changement de comportement.
544
544
545
-
<<<<<<< HEAD
546
545
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.
547
-
=======
548
-
### Improvements to Suspense {/*improvements-to-suspense*/}
549
546
550
-
In React 19, when a component suspends, React will immediately commit the fallback of the nearest Suspense boundary without waiting for the entire sibling tree to render. After the fallback commits, React schedules another render for the suspended siblings to "pre-warm" lazy requests in the rest of the tree:
547
+
### Améliorations de Suspense {/*improvements-to-suspense*/}
551
548
552
-
<Diagramname="prerender"height={162}width={1270}alt="Diagram showing a tree of three components, one parent labeled Accordion and two children labeled Panel. Both Panel components contain isActive with value false.">
549
+
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 :
553
550
554
-
Previously, when a component suspended, the suspended siblings were rendered and then the fallback was committed.
551
+
<Diagramname="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.">
552
+
553
+
Auparavant, lorsqu'un composant suspendait, ses adelphes suspendus faisaient leur rendu avant que le commit du contenu de secours.
555
554
556
555
</Diagram>
557
556
558
-
<Diagramname="prewarm"height={162}width={1270}alt="The same diagram as the previous, with the isActive of the first child Panel component highlighted indicating a click with the isActive value set to true. The second Panel component still contains value false.">
557
+
<Diagramname="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.">
559
558
560
-
In React 19, when a component suspends, the fallback is committed and then the suspended siblings are rendered.
559
+
Avec React 19, lorsqu'un composant suspend, le contenu de secours est committé et seulement ensuite les adelphes suspendus font leur rendu.
561
560
562
561
</Diagram>
563
562
564
-
This change means Suspense fallbacks display faster, while still warming lazy requests in the suspended tree.
565
-
566
-
### UMD builds removed {/*umd-builds-removed*/}
567
-
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
563
+
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.
Copy file name to clipboardExpand all lines: src/content/community/team.md
+1-6Lines changed: 1 addition & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,13 +38,8 @@ Les membres actuels de l'équipe React sont listés ci-dessous par ordre alphab
38
38
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.
39
39
</TeamMember>
40
40
41
-
<<<<<<< HEAD
42
-
<TeamMembername="Josh Story"permalink="josh-story"photo="/images/team/josh.jpg"github="gnoff"bsky="gnoff.bsky.social"title="Ingénieur chez Vercel">
41
+
<TeamMembername="Josh Story"permalink="josh-story"photo="/images/team/josh.jpg"github="gnoff"bsky="storyhb.com"title="Ingénieur chez Vercel">
43
42
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.
44
-
=======
45
-
<TeamMembername="Josh Story"permalink="josh-story"photo="/images/team/josh.jpg"github="gnoff"bsky="storyhb.com"title="Engineer at Vercel">
46
-
Josh majored in Mathematics and discovered programming while in college. His first professional developer job was to program insurance rate calculations in Microsoft Excel, the paragon of Reactive Programming which must be why he now works on React. In between that time Josh has been an IC, Manager, and Executive at a few startups. outside of work he likes to push his limits with cooking.
47
-
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
48
43
</TeamMember>
49
44
50
45
<TeamMembername="Lauren Tan"permalink="lauren-tan"photo="/images/team/lauren.jpg"github="poteto"twitter="potetotes"threads="potetotes"bsky="no.lol"title="Ingénieure chez Meta">
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.
297
-
=======
298
-
Please refer to the [Next.js docs](https://nextjs.org/docs/app/api-reference/next-config-js/reactCompiler) for more information.
299
-
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
295
+
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.
300
296
301
297
### Remix {/*usage-with-remix*/}
302
298
@@ -334,11 +330,7 @@ Un chargeur Webpack maintenu par la communauté est [désormais disponible ici](
334
330
335
331
### Expo {/*usage-with-expo*/}
336
332
337
-
<<<<<<< HEAD
338
-
Veuillez consulter la [documentation d'Expo](https://docs.expo.dev/preview/react-compiler/) pour activer et utiliser React Compiler dans les applis Expo.
339
-
=======
340
-
Please refer to [Expo's docs](https://docs.expo.dev/guides/react-compiler/) to enable and use the React Compiler in Expo apps.
341
-
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
333
+
Veuillez consulter la [documentation d'Expo](https://docs.expo.dev/guides/react-compiler/) pour activer et utiliser React Compiler dans les applis Expo.
342
334
343
335
### Metro (React Native) {/*usage-with-react-native-metro*/}
0 commit comments