From 0fb5e73e64f927279c05b1a47a62cdca5dac87b2 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Thu, 21 Sep 2023 15:23:13 +0200 Subject: [PATCH 1/2] copy(blog/plan-react18): first full translation --- TRANSLATORS.md | 1 + .../blog/2021/06/08/the-plan-for-react-18.md | 64 +++++++++---------- src/content/blog/index.md | 12 ++-- 3 files changed, 40 insertions(+), 37 deletions(-) diff --git a/TRANSLATORS.md b/TRANSLATORS.md index 11fb7d535..7b351d894 100644 --- a/TRANSLATORS.md +++ b/TRANSLATORS.md @@ -137,6 +137,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
  • Blog : React v18.0
  • Blog : Comment migrer sur React 18
  • Blog : La React Conf 2021 en bref
    • +
  • Blog : Nos plans pour React 18
  • Avertissement : prop ARIA invalide
  • Avertissement : règles des Hooks
  • Avertissement : props à traitement spécial
    • diff --git a/src/content/blog/2021/06/08/the-plan-for-react-18.md b/src/content/blog/2021/06/08/the-plan-for-react-18.md index 0bf744c1d..19949f8dd 100644 --- a/src/content/blog/2021/06/08/the-plan-for-react-18.md +++ b/src/content/blog/2021/06/08/the-plan-for-react-18.md @@ -1,68 +1,68 @@ --- -title: "The Plan for React 18" +title: "Nos plans pour React 18" --- -June 8, 2021 by [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://github.com/bvaughn), [Christine Abernathy](https://twitter.com/abernathyca), [Dan Abramov](https://twitter.com/dan_abramov), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Sebastian Markbåge](https://twitter.com/sebmarkbage), and [Seth Webster](https://twitter.com/sethwebster) +Le 8 juin 2021 par [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://github.com/bvaughn), [Christine Abernathy](https://twitter.com/abernathyca), [Dan Abramov](https://twitter.com/dan_abramov), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Sebastian Markbåge](https://twitter.com/sebmarkbage) et [Seth Webster](https://twitter.com/sethwebster) --- -The React team is excited to share a few updates: +L'équipe React est ravie de vous donner quelques nouvelles : -1. We’ve started work on the React 18 release, which will be our next major version. -2. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. -3. We’ve published a React 18 Alpha so that library authors can try it and provide feedback. +1. Nous avons commencé à travailler sur React 18, qui sera notre prochaine version majeure. +2. Nous avons créé un groupe de travail pour préparer la communauté à l'adoption graduelle des nouvelles fonctionnalités de React 18. +3. Nous avons publié une React 18 Alpha pour que les mainteneurs de bibliothèques puissent l'essayer et nous faire leurs retours… -These updates are primarily aimed at maintainers of third-party libraries. If you’re learning, teaching, or using React to build user-facing applications, you can safely ignore this post. But you are welcome to follow the discussions in the React 18 Working Group if you're curious! +Ces nouveautés visent princiaplement les mainteneurs de bibliothèques tierces. Si vous apprenez, enseignez ou utilisez React pour construire des applications utilisateur, vous pouvez sans risque ignorer ce billet. Mais n'hésitez pas à suivre les discussions du groupe de travail React 18 si ça titille votre curiosité ! --- -## What’s coming in React 18 {/*whats-coming-in-react-18*/} +## Ce qui arrive avec React 18 {/*whats-coming-in-react-18*/} -When it’s released, React 18 will include out-of-the-box improvements (like [automatic batching](https://github.com/reactwg/react-18/discussions/21)), new APIs (like [`startTransition`](https://github.com/reactwg/react-18/discussions/41)), and a [new streaming server renderer](https://github.com/reactwg/react-18/discussions/37) with built-in support for `React.lazy`. +À sa sortie, React 18 incluera des améliorations immédiates (telles que [le traitement par lots automatique](https://github.com/reactwg/react-18/discussions/21)), de nouvelles API (comme [`startTransition`](https://github.com/reactwg/react-18/discussions/41)) et un [nouveau moteur de rendu streamé côté serveur](https://github.com/reactwg/react-18/discussions/37) prenant nativement en charge `React.lazy`. -These features are possible thanks to a new opt-in mechanism we’re adding in React 18. It’s called “concurrent rendering” and it lets React prepare multiple versions of the UI at the same time. This change is mostly behind-the-scenes, but it unlocks new possibilities to improve both real and perceived performance of your app. +Ces fonctionnalités sont rendues possibles grâce à un nouveau mécanisme optionnel que nous sommes en train d'ajouter à React 18. Nous l'appelons « rendu concurrent », et il permet à React de préparer plusieurs versions de l'UI en même temps. Cette évolution se situe surtout en coulisses, mais elle déverrouille des nouvelles possibilités d'améliorations de la performance de votre appli, tant réelle que perçue. -If you've been following our research into the future of React (we don't expect you to!), you might have heard of something called “concurrent mode” or that it might break your app. In response to this feedback from the community, we’ve redesigned the upgrade strategy for gradual adoption. Instead of an all-or-nothing “mode”, concurrent rendering will only be enabled for updates triggered by one of the new features. In practice, this means **you will be able to adopt React 18 without rewrites and try the new features at your own pace.** +Si vous avez suivi nos recherches relatives à l'avenir de React (auquel cas bravo !), vous avez peut-être entendu parler d'un truc appelé le « mode concurrent », et que ça risquait de casser votre application. Suite à ces retours de la communauté, nous avons repensé la stratégie de migration pour permettre une adoption graduelle. Plutôt qu'un « mode » tout-ou-rien, le rendu concurrent ne sera activé que pour les mises à jour déclenchées par une des nouvelles fonctionnalités. En pratique, ça signifie que **vous pourrez adopter React 18 sans avoir à réécrire votre code, et essayer les nouvelles fonctionnalités à votre propre rythme**. -## A gradual adoption strategy {/*a-gradual-adoption-strategy*/} +## Une stratégie d'adoption graduelle {/*a-gradual-adoption-strategy*/} -Since concurrency in React 18 is opt-in, there are no significant out-of-the-box breaking changes to component behavior. **You can upgrade to React 18 with minimal or no changes to your application code, with a level of effort comparable to a typical major React release**. Based on our experience converting several apps to React 18, we expect that many users will be able to upgrade within a single afternoon. +Dans la mesure où la concurrence en React 18 est optionnelle, elle n'introduit pas d'entrée de jeu de rupture de compatibilité ascendante *(breaking change, NdT)* dans le comportement des composants. **Vous pouvez migrer sur React 18 avec peu ou pas de modifications à votre code applicatif, au prix d'un effort comparable à celui des migrations passées sur une nouvelle version majeure de React.** À en croire notre propre expérience de conversion de plusieurs applis vers React 18, nous pensons que de nombreux utilisateurs pourront réaliser la migration en une demi-journée. -We successfully shipped concurrent features to tens of thousands of components at Facebook, and in our experience, we've found that most React components “just work” without additional changes. We're committed to making sure this is a smooth upgrade for the entire community, so today we're announcing the React 18 Working Group. +Nous avons livré avec succès des fonctionnalités concurrentes sur des dizaines de milliers de composants chez Facebook, et dans notre expérience, nous avons pu constater que la majorité des composants React continuent de fonctionner sans modification. Nous mettons tout en œuvre pour que la migration soit lisse pour toute la communauté ; c'est pourquoi nous annonçons aujourd'hui le groupe de travail React 18. -## Working with the community {/*working-with-the-community*/} +## Travailler avec la communauté {/*working-with-the-community*/} -We’re trying something new for this release: We've invited a panel of experts, developers, library authors, and educators from across the React community to participate in our [React 18 Working Group](https://github.com/reactwg/react-18) to provide feedback, ask questions, and collaborate on the release. We couldn't invite everyone we wanted to this initial, small group, but if this experiment works out, we hope there will be more in the future! +Nous essayons quelque chose de nouveau pour cette version : nous avons invité un panel d'experts, de développeurs, d'auteurs de bibliothèques et d'éducateurs issus de la communauté React pour participer à notre [groupe de travail React 18](https://github.com/reactwg/react-18) afin de nous faire des retours, poser des questions, et collaborer à cette version. Nous n'avons pas pu inviter toutes les personnes qu'on aurait souhaité dans ce premier, petit grupe, mais si cette expérience porte ses fruits, nous espérons pouvoir avoir davantage de gens par la suite ! -**The goal of the React 18 Working Group is to prepare the ecosystem for a smooth, gradual adoption of React 18 by existing applications and libraries.** The Working Group is hosted on [GitHub Discussions](https://github.com/reactwg/react-18/discussions) and is available for the public to read. Members of the working group can leave feedback, ask questions, and share ideas. The core team will also use the discussions repo to share our research findings. As the stable release gets closer, any important information will also be posted on this blog. +**Le groupe de travail React 18 a comme objectif de préparer l'écosystème à une adoption lisse et graduelle de React 18 par les applications et bibliothèques existantes.** Le groupe de travail est hébergé par les [Discussions GitHub](https://github.com/reactwg/react-18/discussions), et il dispose d'un accès public en lecture. Les membres du groupe de travail peuvent faire leurs retours, poser des questions et partager leurs idées. L'équipe noyau se servira aussi du dépôt de discussions pour partager les résultats de leurs recherches. En se rapprochant de la sortie finale, toute information importante sera également publiée sur ce blog. -For more information on upgrading to React 18, or additional resources about the release, see the [React 18 announcement post](https://github.com/reactwg/react-18/discussions/4). +Pour en apprendre davantage sur la migration sur React 18, ou pour des ressources complémentaires sur cette version, consultez [l'annonce de React 18](https://github.com/reactwg/react-18/discussions/4). -## Accessing the React 18 Working Group {/*accessing-the-react-18-working-group*/} +## Accéder au groupe de travail React 18 {/*accessing-the-react-18-working-group*/} -Everyone can read the discussions in the [React 18 Working Group repo](https://github.com/reactwg/react-18). +Tout le monde peut lire les discussions du [dépôt du groupe de travail React 18](https://github.com/reactwg/react-18). -Because we expect an initial surge of interest in the Working Group, only invited members will be allowed to create or comment on threads. However, the threads are fully visible to the public, so everyone has access to the same information. We believe this is a good compromise between creating a productive environment for working group members, while maintaining transparency with the wider community. +Dans la mesure où nous nous attendons à un pic initial d'intérêt pour le groupe de travail, seuls les membres invités seront autorisés à créer des discussions ou à les commenter. Ceci dit, les fils de discussion sont pleinement accessibles en lecture au public, afin que tout le monde ait accès à la même information. Nous pensons qu'il s'agit d'un bon compromis entre la création d'un environnement productif pour les membres du groupe de travail d'une part, et le maintien d'une transparence vis-à-vis de la communauté au sens large d'autre part. -As always, you can submit bug reports, questions, and general feedback to our [issue tracker](https://github.com/facebook/react/issues). +Comme toujours, vous pouvez soumettre des rapports de bug, des questions et des retours en général *via* notre [gestion de tickets](https://github.com/facebook/react/issues). -## How to try React 18 Alpha today {/*how-to-try-react-18-alpha-today*/} +## Comment essayer React 18 Alpha dès aujourd'hui {/*how-to-try-react-18-alpha-today*/} -New alphas are [regularly published to npm using the `@alpha` tag](https://github.com/reactwg/react-18/discussions/9). These releases are built using the most recent commit to our main repo. When a feature or bugfix is merged, it will appear in an alpha the following weekday. +Nous [publions régulièrement des nouvelles Alphas sur npm avec l'étiquette `@alpha`](https://github.com/reactwg/react-18/discussions/9). Ces versions sont construites sur base du commit le plus récent de notre dépôt principal. Lorsqu'une fonctionnalité ou un correctif sont fusionnés, ils apparaîtront dans une alpha le jour ouvré suivant. -There may be significant behavioral or API changes between alpha releases. Please remember that **alpha releases are not recommended for user-facing, production applications**. +D'une versions alpha à l'autre, le comportement ou les API peuvent changer significativement. Gardez bien à l'esprit que **nous déconseillons les versions alpha pour toute application de production**. -## Projected React 18 release timeline {/*projected-react-18-release-timeline*/} +## Planning prévisionnel de sortie pour React 18 {/*projected-react-18-release-timeline*/} -We don't have a specific release date scheduled, but we expect it will take several months of feedback and iteration before React 18 is ready for most production applications. +Nous n'avons pas encore de date de sortie spécifique prévue, mais nous pensons qu'il nous faudra plusieurs mois de retours et d'itérations avant que React 18 soit prêt pour la plupart des applications en production. -* Library Alpha: Available today -* Public Beta: At least several months -* Release Candidate (RC): At least several weeks after Beta -* General Availability: At least several weeks after RC +- Alpha : disponible dès aujourd'hui +- Beta : dans plusieurs mois +- Version candidate (RC) : au moins plusieurs semaines après la Beta +- Version stable publique : au moins plusieurs semaines après la RC -More details about our projected release timeline are [available in the Working Group](https://github.com/reactwg/react-18/discussions/9). We'll post updates on this blog when we're closer to a public release. +Vous pourrez trouver davantage de détails sur notre planning prévisionnel de sortie [dans le groupe de travail](https://github.com/reactwg/react-18/discussions/9). Nous publierons des mises à jour sur ce blog alors que nous approcherons d'une version stable publique. diff --git a/src/content/blog/index.md b/src/content/blog/index.md index 79e2cb9f4..fe2ad205b 100644 --- a/src/content/blog/index.md +++ b/src/content/blog/index.md @@ -55,12 +55,14 @@ La semaine dernière nous avons hébergé notre 6e React Conf. Les années pass - -The React team is excited to share a few updates: + + +L'équipe React est ravie de vous donner quelques nouvelles : + +- Nous avons commencé à travailler sur React 18, qui sera notre prochaine version majeure. +- Nous avons créé un groupe de travail pour préparer la communauté à l'adoption graduelle des nouvelles fonctionnalités de React 18. +- Nous avons publié une React 18 Alpha pour que les mainteneurs de bibliothèques puissent l'essayer et nous faire leurs retours… -- We’ve started work on the React 18 release, which will be our next major version. -- We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. -- We’ve published a React 18 Alpha so that library authors can try it and provide feedback... From f79321f6d40624e4e3b6da74496074791517408e Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Thu, 21 Sep 2023 15:29:07 +0200 Subject: [PATCH 2/2] copy(blog/plan-react18): final review pass --- .../blog/2021/06/08/the-plan-for-react-18.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/content/blog/2021/06/08/the-plan-for-react-18.md b/src/content/blog/2021/06/08/the-plan-for-react-18.md index 19949f8dd..0bcfbe621 100644 --- a/src/content/blog/2021/06/08/the-plan-for-react-18.md +++ b/src/content/blog/2021/06/08/the-plan-for-react-18.md @@ -14,13 +14,13 @@ L'équipe React est ravie de vous donner quelques nouvelles : 2. Nous avons créé un groupe de travail pour préparer la communauté à l'adoption graduelle des nouvelles fonctionnalités de React 18. 3. Nous avons publié une React 18 Alpha pour que les mainteneurs de bibliothèques puissent l'essayer et nous faire leurs retours… -Ces nouveautés visent princiaplement les mainteneurs de bibliothèques tierces. Si vous apprenez, enseignez ou utilisez React pour construire des applications utilisateur, vous pouvez sans risque ignorer ce billet. Mais n'hésitez pas à suivre les discussions du groupe de travail React 18 si ça titille votre curiosité ! +Ces nouveautés s'adressent principalement aux mainteneurs de bibliothèques tierces. Si vous apprenez, enseignez ou utilisez React pour construire des applications utilisateur, vous pouvez sans risque ignorer ce billet. Mais n'hésitez pas à suivre les discussions du groupe de travail React 18 si ça titille votre curiosité ! --- -## Ce qui arrive avec React 18 {/*whats-coming-in-react-18*/} +## Ce que vous trouverez dans React 18 {/*whats-coming-in-react-18*/} À sa sortie, React 18 incluera des améliorations immédiates (telles que [le traitement par lots automatique](https://github.com/reactwg/react-18/discussions/21)), de nouvelles API (comme [`startTransition`](https://github.com/reactwg/react-18/discussions/41)) et un [nouveau moteur de rendu streamé côté serveur](https://github.com/reactwg/react-18/discussions/37) prenant nativement en charge `React.lazy`. @@ -30,13 +30,13 @@ Si vous avez suivi nos recherches relatives à l'avenir de React (auquel cas bra ## Une stratégie d'adoption graduelle {/*a-gradual-adoption-strategy*/} -Dans la mesure où la concurrence en React 18 est optionnelle, elle n'introduit pas d'entrée de jeu de rupture de compatibilité ascendante *(breaking change, NdT)* dans le comportement des composants. **Vous pouvez migrer sur React 18 avec peu ou pas de modifications à votre code applicatif, au prix d'un effort comparable à celui des migrations passées sur une nouvelle version majeure de React.** À en croire notre propre expérience de conversion de plusieurs applis vers React 18, nous pensons que de nombreux utilisateurs pourront réaliser la migration en une demi-journée. +Dans la mesure où la concurrence en React 18 est optionnelle, elle n'introduit pas d'entrée de jeu de rupture de compatibilité ascendante *(breaking change, NdT)* dans le comportement des composants. **Vous pouvez migrer sur React 18 avec peu ou pas de modifications à votre code applicatif, au prix d'un effort comparable à celui des migrations passées sur une nouvelle version majeure de React.** À en croire notre propre expérience de conversion de plusieurs applis sur React 18, nous pensons que la migration sera pour la plupart des gens l'affaire d'une demi-journée. Nous avons livré avec succès des fonctionnalités concurrentes sur des dizaines de milliers de composants chez Facebook, et dans notre expérience, nous avons pu constater que la majorité des composants React continuent de fonctionner sans modification. Nous mettons tout en œuvre pour que la migration soit lisse pour toute la communauté ; c'est pourquoi nous annonçons aujourd'hui le groupe de travail React 18. ## Travailler avec la communauté {/*working-with-the-community*/} -Nous essayons quelque chose de nouveau pour cette version : nous avons invité un panel d'experts, de développeurs, d'auteurs de bibliothèques et d'éducateurs issus de la communauté React pour participer à notre [groupe de travail React 18](https://github.com/reactwg/react-18) afin de nous faire des retours, poser des questions, et collaborer à cette version. Nous n'avons pas pu inviter toutes les personnes qu'on aurait souhaité dans ce premier, petit grupe, mais si cette expérience porte ses fruits, nous espérons pouvoir avoir davantage de gens par la suite ! +Nous essayons quelque chose de nouveau pour cette version : nous avons invité un panel d'experts, de développeurs, d'auteurs de bibliothèques et d'éducateurs issus de la communauté React pour participer à notre [groupe de travail React 18](https://github.com/reactwg/react-18) afin de nous faire des retours, poser des questions, et collaborer à cette version. Nous n'avons pas pu inviter toutes les personnes qu'on aurait souhaitées avoir dans ce premier, petit groupe, mais si cette expérience porte ses fruits, nous espérons pouvoir avoir davantage de gens par la suite ! **Le groupe de travail React 18 a comme objectif de préparer l'écosystème à une adoption lisse et graduelle de React 18 par les applications et bibliothèques existantes.** Le groupe de travail est hébergé par les [Discussions GitHub](https://github.com/reactwg/react-18/discussions), et il dispose d'un accès public en lecture. Les membres du groupe de travail peuvent faire leurs retours, poser des questions et partager leurs idées. L'équipe noyau se servira aussi du dépôt de discussions pour partager les résultats de leurs recherches. En se rapprochant de la sortie finale, toute information importante sera également publiée sur ce blog. @@ -46,15 +46,15 @@ Pour en apprendre davantage sur la migration sur React 18, ou pour des ressource Tout le monde peut lire les discussions du [dépôt du groupe de travail React 18](https://github.com/reactwg/react-18). -Dans la mesure où nous nous attendons à un pic initial d'intérêt pour le groupe de travail, seuls les membres invités seront autorisés à créer des discussions ou à les commenter. Ceci dit, les fils de discussion sont pleinement accessibles en lecture au public, afin que tout le monde ait accès à la même information. Nous pensons qu'il s'agit d'un bon compromis entre la création d'un environnement productif pour les membres du groupe de travail d'une part, et le maintien d'une transparence vis-à-vis de la communauté au sens large d'autre part. +Dans la mesure où nous nous attendons à un pic initial d'intérêt pour le groupe de travail, seuls les membres invités seront autorisés à créer des discussions ou à les commenter. Ceci dit, les fils de discussion sont pleinement accessibles en lecture au public, afin que tout le monde ait accès à la même information. Nous pensons qu'il s'agit d'un bon compromis entre la création d'un environnement productif pour les membres du groupe de travail d'une part, et le maintien d'une transparence vis-à-vis de la communauté dans son ensemble d'autre part. Comme toujours, vous pouvez soumettre des rapports de bug, des questions et des retours en général *via* notre [gestion de tickets](https://github.com/facebook/react/issues). ## Comment essayer React 18 Alpha dès aujourd'hui {/*how-to-try-react-18-alpha-today*/} -Nous [publions régulièrement des nouvelles Alphas sur npm avec l'étiquette `@alpha`](https://github.com/reactwg/react-18/discussions/9). Ces versions sont construites sur base du commit le plus récent de notre dépôt principal. Lorsqu'une fonctionnalité ou un correctif sont fusionnés, ils apparaîtront dans une alpha le jour ouvré suivant. +Nous [publions régulièrement des nouvelles Alphas sur npm avec l'étiquette `@alpha`](https://github.com/reactwg/react-18/discussions/9). Ces versions sont construites sur base du commit le plus récent de notre dépôt principal. Lorsqu'une fonctionnalité ou un correctif sont fusionnés, ils apparaissent dans une alpha le jour ouvré suivant. -D'une versions alpha à l'autre, le comportement ou les API peuvent changer significativement. Gardez bien à l'esprit que **nous déconseillons les versions alpha pour toute application de production**. +D'une version alpha à l'autre, le comportement ou les API peuvent changer significativement. Gardez bien à l'esprit que **nous déconseillons les versions alpha pour toute application de production**. ## Planning prévisionnel de sortie pour React 18 {/*projected-react-18-release-timeline*/}