Skip to content

Commit ae5287f

Browse files
committed
copy(blog/react18): new strict mode behavior
1 parent dc4a12c commit ae5287f

1 file changed

Lines changed: 18 additions & 19 deletions

File tree

src/content/blog/2022/03/29/react-v18.md

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -193,36 +193,35 @@ La méthode `renderToString` existante reste disponible, mais elle est désormai
193193

194194
### Nouveaux comportements du mode strict {/*new-strict-mode-behaviors*/}
195195

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.
197197

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.
199199

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.
201201

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 :
203203

204204
```
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.
208208
```
209209

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 :
212211

213212
```
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.
223222
```
224223

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).
226225

227226
### Nouveaux Hooks {/*new-hooks*/}
228227

0 commit comments

Comments
 (0)