Skip to content

Commit

Permalink
chore(sync): handle all merge conflicts (and fix leftover alt texts)
Browse files Browse the repository at this point in the history
  • Loading branch information
tdd committed Nov 18, 2024
1 parent dc5514f commit f56f693
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 28 deletions.
20 changes: 8 additions & 12 deletions src/content/blog/2024/04/25/react-19-upgrade-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -542,29 +542,25 @@ React 19 apporte plusieurs correctifs et améliorations au mode strict.

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.

<<<<<<< HEAD
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.
=======
### Improvements to Suspense {/*improvements-to-suspense*/}

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:
### Améliorations de Suspense {/*improvements-to-suspense*/}

<Diagram name="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.">
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 :

Previously, when a component suspended, the suspended siblings were rendered and then the fallback was committed.
<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="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." >
<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.">

In React 19, when a component suspends, the fallback is committed and then the suspended siblings are rendered.
Avec React 19, lorsqu'un composant suspend, le contenu de secours est committé et seulement ensuite les adelphes suspendus font leur rendu.

</Diagram>

This change means Suspense fallbacks display faster, while still warming lazy requests in the suspended tree.

### UMD builds removed {/*umd-builds-removed*/}
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
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*/}

Expand Down
7 changes: 1 addition & 6 deletions src/content/community/team.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,13 +38,8 @@ 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>

<<<<<<< HEAD
<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 name="Josh Story" permalink="josh-story" photo="/images/team/josh.jpg" github="gnoff" bsky="storyhb.com" title="Engineer at Vercel">
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.
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
</TeamMember>

<TeamMember name="Lauren Tan" permalink="lauren-tan" photo="/images/team/lauren.jpg" github="poteto" twitter="potetotes" threads="potetotes" bsky="no.lol" title="Ingénieure chez Meta">
Expand Down
12 changes: 2 additions & 10 deletions src/content/learn/react-compiler.md
Original file line number Diff line number Diff line change
Expand Up @@ -292,11 +292,7 @@ export default defineConfig(() => {

### Next.js {/*usage-with-nextjs*/}

<<<<<<< HEAD
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.
=======
Please refer to the [Next.js docs](https://nextjs.org/docs/app/api-reference/next-config-js/reactCompiler) for more information.
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
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*/}

Expand Down Expand Up @@ -334,11 +330,7 @@ Un chargeur Webpack maintenu par la communauté est [désormais disponible ici](

### Expo {/*usage-with-expo*/}

<<<<<<< HEAD
Veuillez consulter la [documentation d'Expo](https://docs.expo.dev/preview/react-compiler/) pour activer et utiliser React Compiler dans les applis Expo.
=======
Please refer to [Expo's docs](https://docs.expo.dev/guides/react-compiler/) to enable and use the React Compiler in Expo apps.
>>>>>>> 84f29eb20af17e9c154b9ad71c21af4c9171e4a2
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*/}

Expand Down

0 comments on commit f56f693

Please sign in to comment.