Skip to content

Commit 13a58c7

Browse files
committed
copy(blogs/labs-june-22): final review pass
1 parent 53435d2 commit 13a58c7

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/content/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -63,17 +63,17 @@ Le hors-écran est une capacité de bas niveau qui ouvre la voie à plusieurs fo
6363

6464
## Pistage des transitions {/*transition-tracing*/}
6565

66-
React propose actuellement deux outils de profilage. Le [Profiler d'origine](https://legacy.reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) affiche un résumé de tous les commits durant la session de profilage. Pour chaque commit, il affiche également tous les composants qui ont fait un rendu, et le temps que ça leur a pris. Nous avons aussi une version beta d'un[Timeline Profiler](https://github.com/reactwg/react-18/discussions/76) arrivé dans React 18 qui indique quand les composants planifient des ises à jour et quand React les traite. Ce deux outils aident les développeurs à identifier l'origine des problèmes de performances dans leur code.
66+
React propose actuellement deux outils de profilage. Le [profileur d'origine](https://fr.legacy.reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) affiche un résumé de tous les commits durant la session de profilage. Pour chaque commit, il affiche également tous les composants qui ont fait un rendu, et le temps que ça leur a pris. Nous avons aussi une version beta d'un [Timeline Profiler](https://github.com/reactwg/react-18/discussions/76) arrivé dans React 18 qui indique quand les composants planifient des mises à jour et quand React les traite. Ces deux outils aident les développeurs à identifier l'origine des problèmes de performances dans leur code.
6767

68-
Nous avons réalisé que pour les développeurs, simplement savoir quels commits ou composant sont lents, sans davantage de contexte, n'est pas très utile. Ils préfèreraient savoir quelle est la véritable cause des commits lents. Les développeurs veulent également pouvoir pister le travail résultant d'interactions spécifiques (ex. un clic sur un bouton, le chargement initial ou une navigation) pour repérer les régressions de performances éventuelles et comprendre pourquoi l'interaction est lente et comment y remédier.
68+
Nous avons réalisé que pour les développeurs, simplement savoir quels commits ou composants sont lents, sans davantage de contexte, n'est pas très utile. Ils préfèreraient savoir quelle est la véritable cause des commits lents. Les développeurs veulent également pouvoir pister le travail résultant d'interactions spécifiques (ex. un clic sur un bouton, le chargement initial ou une navigation) pour repérer les régressions de performances éventuelles et comprendre pourquoi l'interaction est lente et comment y remédier.
6969

7070
Nous avions déjà essayé de répondre à ce besoin en ajoutant une [API de pistage d'interaction](https://gist.github.com/bvaughn/8de925562903afd2e7a12554adcdda16), mais sa conception avait des problèmes de fond qui en réduisaient la précision et pouvaient même rater la fin d'une interaction. En conséquence, nous avons finalement [retiré cette API](https://github.com/facebook/react/pull/20037).
7171

7272
Nous travaillons sur une nouvelle version de l'API de pistage d'interactions (appelée pour le moment *Transition Tracing* parce qu'elle est déclenchée par `startTransition`) qui résout ces problèmes.
7373

7474
## Nouvelles docs React {/*new-react-docs*/}
7575

76-
Nous avons annoncé 'année dernière une version beta du nouveau site web de documentation de React ([finalement livrée en tant que react.dev](/blog/2023/03/16/introducing-react-dev)). Ces nouveaux contenus pédagogiques sont basés sur les Hooks et comprennent de nouveaux diagrammeset illustrations, ainsi que de nombreux exemples et défis interactifs. Nous avons mis ce chantier en pause le temps de nous concentrer sur la sortie de React 18, mais maintenant que celui-ci est sorti, nous avons repris le travail pour boucler et sortir la nouvelle documentation.
76+
Nous avons annoncé l'année dernière une version beta du nouveau site web de documentation de React ([finalement livrée en tant que react.dev](/blog/2023/03/16/introducing-react-dev)). Ces nouveaux contenus pédagogiques sont basés sur les Hooks et comprennent de nouveaux diagrammes et illustrations, ainsi que de nombreux exemples et défis interactifs. Nous avons mis ce chantier en pause le temps de nous concentrer sur la sortie de React 18, mais maintenant que celui-ci est sorti, nous avons repris le travail pour boucler et sortir la nouvelle documentation.
7777

7878
Nous sommes en train d'écrire une section très détaillée sur les Effets, puisque vous nous avez souvent dit que c'était un des sujets les plus délicats à maîtriser pour les utilisateurs de React tant novices que chevronnés. La première page de la série s'appelle [Synchroniser grâce aux Effets](/learn/synchronizing-with-effects), et vous en verrez d'autres dans les prochaines semaines. Lorsque nous avons commencé cette section sur les Effets, nous avons réalisé que de nombreuses approches usuelles utilisant les Effets peuvent être simplifiées en ajoutant une nouvelle primitive à React. Nous avons partagé nos premières réflexions à ce sujet dans la [RFC pour useEvent](https://github.com/reactjs/rfcs/pull/220). Elle en est aux premiers stades de la recherche, et nous itérons sur le concept. Nous apprécions les commentaires de la communauté dans la RFC jusqu'ici, ainsi que les [retours](https://github.com/reactjs/reactjs.org/issues/3308) et contributions sur le chantier en cours de la nouvelle documentation. Nous aimerions notamment remercier [Harish Kumar](https://github.com/harish-sethuraman) pour avoir envoyé ou revu de nombreuses améliorations à l'implémentation du nouveau site web.
7979

0 commit comments

Comments
 (0)