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/community/team.md
+5-24Lines changed: 5 additions & 24 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,34 +18,20 @@ Les membres actuels de l'équipe React sont listés ci-dessous par ordre alphab
18
18
Andrew a commencé le développement web en faisant des sites avec Wordpress, puis il a fini par se persuader de faire du JavaScript. Son passe-temps favori est le karaoké. Selon son humeur du jour, Andrew est soit un méchant Disney, soit une princesse Disney.
19
19
</TeamMember>
20
20
21
-
<<<<<<< HEAD
22
-
<TeamMembername="Andrey Lunyov"permalink="andrey-lunyov"photo="/images/team/andrey-lunyov.jpg"github="alunyov"twitter="alunyov"threads="alunyov"title="Ingénieur chez Meta">
23
-
Andrey a commencé sa carrière comme designer pour progressivement passer au développement web. Après avoir rejoint l'équipe React Data chez Meta, il a travaillé à ajouter un compilateur incrémental JavaScript dans Relay… pour finir par le retirer plus tard. Hors du boulot, Andrey aime jouer de la musique et faire divers types de sports.
Dan a commencé à programmer lorsqu'il a découvert par hasard qu'il y avait Visual Basic dans Microsoft Powerpoint. Il a découvert que sa véritable vocation consistait à transformer les tweets de [Sebastian](#sebastian-markbåge) en billets de blog interminables. Dan gagne parfois à Fortnite en se cachant dans un buisson jusqu'à la fin de la partie.
Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning [Sebastian](#sebastian-markbåge)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends.
31
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
32
23
</TeamMember>
33
24
34
25
<TeamMembername="Eli White"permalink="eli-white"photo="/images/team/eli-white.jpg"github="TheSavior"twitter="Eli_White"threads="elicwhite"title="Manager d’ingénieurs chez Meta">
35
26
Eli a commencé la programmation après avoir été suspendu au collège pour piratage. Il travaille sur React et React Native depuis 2017. Il aime manger des sucreries, en particulier les crèmes glacées et la tarte aux pommes. Vous le trouverez généralement en train d'essayer des trucs un peu fous comme le parkour, les simulateurs de chute libre ou la danse aérienne sur rubans de soie.
36
27
</TeamMember>
37
28
38
-
<<<<<<< HEAD
39
-
<TeamMembername="Jason Bonta"permalink="jason-bonta"photo="/images/team/jasonbonta.jpg"threads="someextent"title="Manager d’ingénieurs chez Meta">
40
-
Jason aime faire livrer des tonnes de paquets Amazon au boulot pour pouvoir se construire des forts. Bien qu'il se soit parfois littéralement cloisonné de son équipe, et même s'il ne comprend pas comment fonctionne une boucle for-of, on l'aime pour les qualités uniques qu'il met dans son travail.
41
-
=======
42
-
<TeamMembername="Jack Pope"permalink="jack-pope"photo="/images/team/jack-pope.jpg"github="jackpope"personal="jackpope.me"title="Engineer at Meta">
43
-
Shortly after being introduced to AutoHotkey, Jack had written scripts to automate everything he could think of. When reaching limitations there, he dove headfirst into web app development and hasn't looked back. Most recently, Jack worked on the web platform at Instagram before moving to React. His favorite programming language is JSX.
29
+
<TeamMembername="Jack Pope"permalink="jack-pope"photo="/images/team/jack-pope.jpg"github="jackpope"personal="jackpope.me"title="Ingénieur chez Meta">
30
+
Peut après avoir découvert AutoHotkey, Jack écrivait des scripts pour automatiser tout ce à quoi il pouvait penser. Lorsqu'il a atteint les limites de l'exercice, il s'est plongé dans le développement web et n'a jamais regardé en arrière. Dernièrement, Jack a travaillé sur la plateforme web d'Instagram, avant de migrer vers React. Son langage de programmation préféré est JSX.
44
31
</TeamMember>
45
32
46
-
<TeamMembername="Jason Bonta"permalink="jason-bonta"photo="/images/team/jasonbonta.jpg"threads="someextent"title="Engineering Manager at Meta">
47
-
Jason likes having large volumes of Amazon packages delivered to the office so that he can build forts. Despite literally walling himself off from his team at times and not understanding how for-of loops work, we appreciate him for the unique qualities he brings to his work.
48
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
33
+
<TeamMembername="Jason Bonta"permalink="jason-bonta"photo="/images/team/jasonbonta.jpg"threads="someextent"title="Manager d’ingénieurs chez Meta">
34
+
Jason aime faire livrer des tonnes de paquets Amazon au boulot pour pouvoir se construire des forts. Bien qu'il se soit parfois littéralement cloisonné de son équipe, et même s'il ne comprend pas comment fonctionne une boucle for-of, on l'aime pour les qualités uniques qu'il met dans son travail.
49
35
</TeamMember>
50
36
51
37
<TeamMembername="Joe Savona"permalink="joe-savona"photo="/images/team/joe.jpg"github="josephsavona"twitter="en_JS"threads="joesavona"title="Ingénieur chez Meta">
@@ -88,13 +74,8 @@ Les membres actuels de l'équipe React sont listés ci-dessous par ordre alphab
88
74
Sébastien a étudié la psychologie. Il est généralement silencieux. Même lorsqu'il dit quelque chose, ça ne finit par avoir du sens pour le reste d'entre nous que quelques mois plus tard. La véritable pronconciation de son nom de famille est « marc-bau-jai », mais il a fini par tolérer « marc-beige » par pur pragmatisme — une approche qu'il applique aussi à React.
<TeamMembername="Sebastian Silbermann"permalink="sebastian-silbermann"photo="/images/team/sebsilbermann.jpg"github="eps1lon"twitter="sebsilbermann"threads="sebsilbermann"title="Ingénieur chez Vercel">
93
78
Sebastian a appris à programmer pour améliorer les jeux auxquels il jouait en cours dans son navigateur. Ça l'a amené à contribuer à énormément de code en logiciel libre. Lorsqu'il n'est pas en train de coder, il est très occupé à s'assurer qu'on ne le confond pas avec les autres Sebastian et Zilberman de la communauté React.
94
-
=======
95
-
<TeamMembername="Sebastian Silbermann"permalink="sebastian-silbermann"photo="/images/team/sebsilbermann.jpg"github="eps1lon"twitter="sebsilbermann"threads="sebsilbermann"title="Engineer at Vercel">
96
-
Sebastian learned programming to make the browser games he played during class more enjoyable. Eventually this lead to contributing to as much open source code as possible. Outside of coding he's busy making sure people don't confuse him with the other Sebastians and Zilberman of the React community.
97
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
98
79
</TeamMember>
99
80
100
81
<TeamMembername="Seth Webster"permalink="seth-webster"photo="/images/team/seth.jpg"github="sethwebster"twitter="sethwebster"threads="sethwebster"personal="sethwebster.com"title="Manager d’ingénieurs chez Meta">
Copy file name to clipboardExpand all lines: src/content/learn/editor-setup.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -40,11 +40,7 @@ Les *linters* (analyseurs statiques) de code trouvent les problèmes dans votre
40
40
41
41
### Formatage {/*formatting*/}
42
42
43
-
<<<<<<< HEAD
44
43
La dernière chose que vous aimeriez faire lorsque vous partagez votre code avec d'autres contributeurs, ce serait d'entrer dans une discussion sur les [tabulations vs. espaces](https://www.google.com/search?q=tabs+vs+spaces) ! Heureusement, [Prettier](https://prettier.io/) va nettoyer votre code en le reformatant pour qu'il soit conforme à des règles configurables prédéfinies. Exécutez Prettier, et toutes vos tabulations seront remplacées par des espaces--et vos indentations, guillemets, etc. seront aussi modifiés pour devenir conformes à la configuration. Dans l'idéal, Prettier s'exécute quand vous enregistrez votre fichier, et fait ces ajustements pour vous en un clin d'œil.
45
-
=======
46
-
The last thing you want to do when sharing your code with another contributor is get into a discussion about [tabs vs spaces](https://www.google.com/search?q=tabs+vs+spaces)! Fortunately, [Prettier](https://prettier.io/) will clean up your code by reformatting it to conform to preset, configurable rules. Run Prettier, and all your tabs will be converted to spaces—and your indentation, quotes, etc will also all be changed to conform to the configuration. In the ideal setup, Prettier will run when you save your file, quickly making these edits for you.
47
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
48
44
49
45
Vous pouvez installer [l'extension Prettier pour VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) en suivant ces étapes :
Copy file name to clipboardExpand all lines: src/content/learn/manipulating-the-dom-with-refs.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -495,11 +495,7 @@ En général, vous [ne voulez pas](/learn/referencing-values-with-refs#best-prac
495
495
496
496
React met à jour `ref.current` lors de la phase de commit. Avant de mettre à jour le DOM, React recale les valeurs `ref.current` à `null`. Après que le DOM a été mis à jour, React recale immédiatement les références vers les nœuds DOM correspondants.
497
497
498
-
<<<<<<< HEAD
499
498
**En général, vous accéderez aux refs depuis des gestionnaires d'événements.** Si vous voulez faire quelque chose avec une ref, mais qu'aucun événement particulier ne s'y prête, vous aurez peut-être besoin d'un Effet. Nous explorerons les Effets en détail dans les prochaines pages de ce chapitre.
500
-
=======
501
-
**Usually, you will access refs from event handlers.** If you want to do something with a ref, but there is no particular event to do it in, you might need an Effect. We will discuss Effects on the next pages.
Notez que vous ne pouvez pas utiliser TypeScript pour retreindre le type de vos enfants à certains éléments JSX spécifiques, vous ne pouvez donc pas vous appuyer sur le système de typage pour indiquer qu'un composant n'accepterait par exemple que des enfants `<li>`.
435
435
436
-
<<<<<<< HEAD
437
436
Vous trouverez un exemple complet avec `React.ReactNode` et `React.ReactElement` et la vérification de types activée dans [ce bac à sable TypeScript](https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgIilQ3wChSB6CxYmAOmXRgDkIATJOdNJMGAZzgwAFpxAR+8YADswAVwGkZMJFEzpOjDKw4AFHGEEBvUnDhphwADZsi0gFw0mDWjqQBuUgF9yaCNMlENzgAXjgACjADfkctFnYkfQhDAEpQgD44AB42YAA3dKMo5P46C2tbJGkvLIpcgt9-QLi3AEEwMFCItJDMrPTTbIQ3dKywdIB5aU4kKyQQKpha8drhhIGzLLWODbNs3b3s8YAxKBQAcwXpAThMaGWDvbH0gFloGbmrgQfBzYpd1YjQZbEYARkB6zMwO2SHSAAlZlYIBCdtCRkZpHIrFYahQYQD8UYYFA5EhcfjyGYqHAXnJAsIUHlOOUbHYhMIIHJzsI0Qk4P9SLUBuRqXEXEwAKKfRZcNA8PiCfxWACecAAUgBlAAacFm80W-CU11U6h4TgwUv11yShjgJjMLMqDnN9Dilq+nh8pD8AXgCHdMrCkWisVoAet0R6fXqhWKhjKllZVVxMcavpd4Zg7U6Qaj+2hmdG4zeRF10uu-Aeq0LBfLMEe-V+T2L7zLVu+FBWLdLeq+lc7DYFf39deFVOotMCACNOCh1dq219a+30uC8YWoZsRyuEdjkevR8uvoVMdjyTWt4WiSSydXD4NqZP4AymeZE072ZzuUeZQKheQgA).
438
-
=======
439
-
You can see an example of both `React.ReactNode` and `React.ReactElement` with the type-checker in [this TypeScript playground](https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgIilQ3wChSB6CxYmAOmXRgDkIATJOdNJMGAZzgwAFpxAR+8YADswAVwGkZMJFEzpOjDKw4AFHGEEBvUnDhphwADZsi0gFw0mDWjqQBuUgF9yaCNMlENzgAXjgACjADfkctFnYkfQhDAEpQgD44AB42YAA3dKMo5P46C2tbJGkvLIpcgt9-QLi3AEEwMFCItJDMrPTTbIQ3dKywdIB5aU4kKyQQKpha8drhhIGzLLWODbNs3b3s8YAxKBQAcwXpAThMaGWDvbH0gFloGbmrgQfBzYpd1YjQZbEYARkB6zMwO2SHSAAlZlYIBCdtCRkZpHIrFYahQYQD8UYYFA5EhcfjyGYqHAXnJAsIUHlOOUbHYhMIIHJzsI0Qk4P9SLUBuRqXEXEwAKKfRZcNA8PiCfxWACecAAUgBlAAacFm80W-CU11U6h4TgwUv11yShjgJjMLMqDnN9Dilq+nh8pD8AXgCHdMrCkWisVoAet0R6fXqhWKhjKllZVVxMcavpd4Zg7U6Qaj+2hmdG4zeRF10uu-Aeq0LBfLMEe-V+T2L7zLVu+FBWLdLeq+lc7DYFf39deFVOotMCACNOCh1dq219a+30uC8YWoZsRyuEdjkevR8uvoVMdjyTWt4WiSSydXD4NqZP4AymeZE072ZzuUeZQKheQgA).
440
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
441
437
442
438
### Props de style {/*typing-style-props*/}
443
439
@@ -457,11 +453,7 @@ Nous vous conseillons les ressources suivantes *(toutes en anglais, NdT)* :
457
453
458
454
-[Le handbook TypeScript](https://www.typescriptlang.org/docs/handbook/) est la documentation officielle du langage et couvre tous les aspects importants.
459
455
460
-
<<<<<<< HEAD
461
-
-[Les notes de versions de TypeScript](https://devblogs.microsoft.com/typescript/) présentent chaque nouvelle fonctionnalité en détails.
462
-
=======
463
-
-[The TypeScript release notes](https://devblogs.microsoft.com/typescript/) cover new features in depth.
464
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
456
+
-[Les notes de versions de TypeScript](https://devblogs.microsoft.com/typescript/) présentent les nouvelles fonctionnalités en détails.
465
457
466
458
-[L'antisèche React TypeScript](https://react-typescript-cheatsheet.netlify.app/) est une antisèche synthétique maintenue par la communauté pour utiliser TypeScript avec React, qui couvre pas mal de cas à la marge et aborde plus de sujets que cette page.
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/link.md
-17Lines changed: 0 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -79,11 +79,7 @@ Ces props sont **déconseillées** pour une utilisation avec React :
79
79
80
80
#### Comportement spécifique de rendu {/*special-rendering-behavior*/}
81
81
82
-
<<<<<<< HEAD
83
82
React placera toujours l'élément DOM correspondant au composant `<link>` dans le `<head>` du document, peu importe où il figure dans l'arborescence React. Le `<head>` est le seul endroit valide pour un `<link>` dans le DOM, mais il est plus confortable, et préférable en termes de composition, qu'un composant représentant une page donnée puisse produire les composants `<link>` lui-même.
84
-
=======
85
-
React will always place the DOM element corresponding to the `<link>` component within the document’s `<head>`, regardless of where in the React tree it is rendered. The `<head>` is the only valid place for `<link>` to exist within the DOM, yet it’s convenient and keeps things composable if a component representing a specific page can render `<link>` components itself.
86
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
87
83
88
84
Il y a toutefois quelques exceptions :
89
85
@@ -95,13 +91,8 @@ Il y a toutefois quelques exceptions :
95
91
96
92
Qui plus est, si le `<link>` est une feuille de styles (en d'autres termes, ses props comportent `rel="stylesheet"`), React ajoutera le comportement spécifique que voici :
97
93
98
-
<<<<<<< HEAD
99
94
* Le composant qui utilise `<link>`[suspendra](/reference/react/Suspense) pendant le chargement de la feuille de styles.
100
95
* Si plusieurs composants produisent des liens vers la même feuille de styles, React les dédoublonnera et ne placera qu'un lien dans le DOM. Deux liens sont considérés identiques s'ils ont la même valeur de prop `href`.
101
-
=======
102
-
* The component that renders `<link>` will [suspend](/reference/react/Suspense) while the stylesheet is loading.
103
-
* If multiple components render links to the same stylesheet, React will de-duplicate them and only put a single link into the DOM. Two links are considered the same if they have the same `href` prop.
104
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
105
96
106
97
Ce comportement connaît toutefois deux exceptions :
107
98
@@ -142,11 +133,7 @@ export default function BlogPage() {
142
133
143
134
### Lier une feuille de styles {/*linking-to-a-stylesheet*/}
144
135
145
-
<<<<<<< HEAD
146
136
Si un composant dépend d'une certaine feuille de styles pour s'afficher correctement, vous pouvez produire un lien vers cette feuille de styles depuis le composant. Votre composant [suspendra](/reference/react/Suspense) le temps que la feuille de styles se charge. Vous pouvez fournir une prop `precedence` qui indiquera à React où injecter la feuille par rapport aux autres — les feuilles de styles avec une précédence plus forte pourront surcharger celles avec une précédence plus faible.
147
-
=======
148
-
If a component depends on a certain stylesheet in order to be displayed correctly, you can render a link to that stylesheet within the component. Your component will [suspend](/reference/react/Suspense) while the stylesheet is loading. You must supply the `precedence` prop, which tells React where to place this stylesheet relative to others — stylesheets with higher precedence can override those with lower precedence.
149
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
150
137
151
138
<Note>
152
139
@@ -232,11 +219,7 @@ function Component() {
232
219
233
220
### Annoter des éléments spécifiques du document avec des liens {/*annotating-specific-items-within-the-document-with-links*/}
234
221
235
-
<<<<<<< HEAD
236
222
Vous pouvez utiliser le composant `<link>` avec la prop `itemProp` pour annoter des éléments spécifiques du document avec des liens vers des ressources associées. Dans ce cas, React, n'injectera *pas* ces annotations dans le `<head>` du document, mais les placera comme n'importe quel autre composant React.
237
-
=======
238
-
You can use the `<link>` component with the `itemProp` prop to annotate specific items within the document with links to related resources. In this case, React will *not* place these annotations within the document `<head>` but will place them like any other React component.
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/style.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -52,11 +52,7 @@ Ces props sont **déconseillées** pour une utilisation avec React :
52
52
53
53
#### Comportement spécifique de rendu {/*special-rendering-behavior*/}
54
54
55
-
<<<<<<< HEAD
56
55
React peut déplacer les composants `<style>` dans le `<head>` du document, dédoublonner les feuilles de styles identiques et [suspendre](/reference/react/Suspense) pendant le chargement de la feuille de styles.
57
-
=======
58
-
React can move `<style>` components to the document's `<head>`, de-duplicate identical stylesheets, and [suspend](/reference/react/Suspense) while the stylesheet is loading.
59
-
>>>>>>> 97489434323b0c4cce78588cd0f48e3808e0eba4
60
56
61
57
Pour activer ces comportements, fournissez les props `href` et `precedence`. React dédoublonnera les feuilles de styles qui ont le même `href`. La précédence indique à React où placer le nœud DOM `<style>` par rapport aux autres dans le `<head>` du document, ce qui détermine quelle feuille de styles peut surcharger quelle autre.
**Si vous passez `value` sans `onChange`, il sera impossible de réaliser une saisie dans la zone de texte.** Lorsque vous contrôlez une zone de texte en passant une `value`, vous *forcez* la zone de texte à toujours avoir la valeur que vous avez passée. Donc, si vous passez une variable d'état comme `value` mais oubliez de mettre à jour cette variable d'état de manière synchrone au sein du gestionnaire d'événement `onChange`, React réinitialisera la zone de texte, après chaque frappe, à la `value` que vous avez spécifiée.
338
-
=======
339
-
**If you pass `value` without `onChange`, it will be impossible to type into the text area.** When you control a text area by passing some `value` to it, you *force* it to always have the value you passed. So if you pass a state variable as a `value` but forget to update that state variable synchronously during the `onChange` event handler, React will revert the text area after every keystroke back to the `value` that you specified.
0 commit comments