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/2022/03/29/react-v18.md
+18-19Lines changed: 18 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -193,36 +193,35 @@ La méthode `renderToString` existante reste disponible, mais elle est désormai
193
193
194
194
### Nouveaux comportements du mode strict {/*new-strict-mode-behaviors*/}
195
195
196
-
In the future, we’d like to add a feature that allows React to add and remove sections of the UI while preserving state. For example, when a user tabs away from a screen and back, React should be able to immediately show the previous screen. To do this, React would unmount and remount trees using the same component state as before.
196
+
À l'avenir, nous aimerions ajouter une fonctionnalité permettant à React d'ajouter ou de tirer des sections de l'UI tout en en préservant l'état. Lorsqu'un utilisateur clique par exemple sur un nouvel onglet pour revenir ensuite sur celui qui était actif auparavant, React devrait pouvoir en restaurer l'état. Pour y parvenir, React démonterait et remonterait ces arbres en utilisant le même état de çcomposant.
197
197
198
-
This feature will give React apps better performance out-of-the-box, but requires components to be resilient to effects being mounted and destroyed multiple times. Most effects will work without any changes, but some effects assume they are only mounted or destroyed once.
198
+
Cette fonctionnalité améliorerait d'entrée de jeu les performances des applis React, mais exigerait que les Effets des composants résistent bien à des cycles multiples de démontage + remontage. La plupart des Effets fonctionneront sans modification, mais certains Effets supposent qu'ils ne seront montés ou démontés qu'une fois.
199
199
200
-
To help surface these issues, React 18 introduces a new development-only check to Strict Mode. This new check will automatically unmount and remount every component, whenever a component mounts for the first time, restoring the previous state on the second mount.
200
+
Pour vous aider à débusquer ces soucis, React 18 ajoute une nouvelle vérification en mode développement uniquement dans le mode strict. Elle démonte et remonte automatiquement chaque composant, lorsqu'un composant est monté pour la première fois, et restaure l'état précédent au second montage.
201
201
202
-
Before this change, React would mount the component and create the effects:
202
+
Avant cet ajustement, React montait le composant et instantiait ses Effets :
203
203
204
204
```
205
-
* React mounts the component.
206
-
* Layout effects are created.
207
-
* Effects are created.
205
+
* React monte le composant.
206
+
* Les Effets de layout sont créés.
207
+
* Les Effets sont créés.
208
208
```
209
209
210
-
211
-
With Strict Mode in React 18, React will simulate unmounting and remounting the component in development mode:
210
+
Avec le mode strict de React 18, Reaat simule le démontage et le remontage du composant en mode développement :
212
211
213
212
```
214
-
* React mounts the component.
215
-
* Layout effects are created.
216
-
* Effects are created.
217
-
* React simulates unmounting the component.
218
-
* Layout effects are destroyed.
219
-
* Effects are destroyed.
220
-
* React simulates mounting the component with the previous state.
221
-
* Layout effects are created.
222
-
* Effects are created.
213
+
* React monte le composant.
214
+
* Les Effets de layout sont créés.
215
+
* Les Effets sont créés.
216
+
* React simule le démontage du composant.
217
+
* Les Effets de layout sont détruits.
218
+
* Les Effets sont détruits.
219
+
* React simule le remontage du composant avec son état précédent.
220
+
* Les Effets de layout sont créés.
221
+
* Les Effets sont créés.
223
222
```
224
223
225
-
[See docs for ensuring reusable state here](/reference/react/StrictMode#fixing-bugs-found-by-re-running-effects-in-development).
224
+
[En apprendre davantage sur ce comportement du mode strict](/reference/react/StrictMode#fixing-bugs-found-by-re-running-effects-in-development).
0 commit comments