Skip to content

Commit 28e21d7

Browse files
LaureRCtdd
andauthored
Apply suggestions from code review
Apply suggestions from 2nd batch of code review Co-authored-by: Christophe Porteneuve <tdd@tddsworld.com>
1 parent 01a518b commit 28e21d7

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/content/learn/updating-arrays-in-state.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -792,7 +792,7 @@ En interne, Immer construit toujours le prochain état à partir de zéro en fon
792792

793793
#### Mettre à jour un élément dans le panier {/*update-an-item-in-the-shopping-cart*/}
794794

795-
Complétez la logique de `handleIncreaseClick` de manière à ce que lorsque l'on appuie sur « + », le nombre correspondant augmente :
795+
Complétez la logique de `handleIncreaseClick` de manière à ce que lorsqu'on appuie sur « + », le nombre correspondant augmente :
796796

797797
<Sandpack>
798798

@@ -917,9 +917,9 @@ button { margin: 5px; }
917917

918918
</Solution>
919919

920-
#### Supprimer un article du panier {/*remove-an-item-from-the-shopping-cart*/}
920+
#### Retirer un article du panier {/*remove-an-item-from-the-shopping-cart*/}
921921

922-
Ce panier d'achat dispose d'un bouton « + » fonctionnel, mais le bouton « – » ne fait rien. Vous devez lui ajouter un gestionnaire d'événements pour qu'en appuyant dessus, le `count` du produit correspondant diminue. Si vous appuyez sur « – » lorsque le count est de 1, le produit devrait automatiquement être retiré du panier. Assurez-vous qu'il n'affiche jamais 0.
922+
Ce panier d'achat dispose d'un bouton « + » fonctionnel, mais le bouton « – » ne fait rien. Vous devez lui ajouter un gestionnaire d'événement pour qu'en appuyant dessus, le `count` du produit correspondant diminue. Si vous appuyez sur « – » lorsque le count est à 1, le produit devrait automatiquement être retiré du panier. Assurez-vous qu'il n'affiche jamais 0.
923923

924924
<Sandpack>
925925

@@ -1078,9 +1078,9 @@ button { margin: 5px; }
10781078

10791079
</Solution>
10801080

1081-
#### Corriger les mutations en utilisant des méthodes non modifiantes {/*fix-the-mutations-using-non-mutative-methods*/}
1081+
#### Basculer vers des méthodes non modifiantes {/*fix-the-mutations-using-non-mutative-methods*/}
10821082

1083-
Dans cet exemple, tous les gestionnaires d'événements dans `App.js` utilisent des mutations. Par conséquent, l'édition et la suppression des tâches ne fonctionnent pas. Réécrivez `handleAddTodo`, `handleChangeTodo` et `handleDeleteTodo` en utilisant des méthodes non modifiantes :
1083+
Dans cet exemple, tous les gestionnaires d'événements dans `App.js` utilisent des modifications en place. Par conséquent, la modification et la suppression des tâches ne fonctionnent pas. Réécrivez `handleAddTodo`, `handleChangeTodo` et `handleDeleteTodo` en utilisant des méthodes non modifiantes :
10841084

10851085
<Sandpack>
10861086

@@ -1243,7 +1243,7 @@ ul, li { margin: 0; padding: 0; }
12431243

12441244
<Solution>
12451245

1246-
Dans `handleAddTodo`, vous pouvez utiliser la syntaxe de *spread* de tableaux. Dans `handleChangeTodo`, vous pouvez créer un nouveau tableau avec `map`. Dans `handleDeleteTodo`, vous pouvez créer un nouveau tableau avec `filter`. Maintenant, la liste fonctionne correctement:
1246+
Dans `handleAddTodo`, vous pouvez utiliser la syntaxe de *spread* de tableaux. Dans `handleChangeTodo`, vous pouvez créer un nouveau tableau avec `map`. Dans `handleDeleteTodo`, vous pouvez créer un nouveau tableau avec `filter`. À présent, la liste fonctionne correctement :
12471247

12481248
<Sandpack>
12491249

@@ -1411,9 +1411,9 @@ ul, li { margin: 0; padding: 0; }
14111411
</Solution>
14121412

14131413

1414-
#### Corriger les mutations en utilisant Immer {/*fix-the-mutations-using-immer*/}
1414+
#### Corriger les modifications en utilisant Immer {/*fix-the-mutations-using-immer*/}
14151415

1416-
Il s'agit du même exemple que dans l'exercice précédent. Cette fois-ci, corrigez les mutations en utilisant Immer. Pour vous faciliter la tâche, `useImmer` est déjà importé, vous devez donc modifier la variable d'état `todos` pour l'utiliser.
1416+
Il s'agit du même exemple que dans l'exercice précédent. Cette fois-ci, corrigez les modifications en utilisant Immer. Pour vous faciliter la tâche, `useImmer` est déjà importé, vous devez donc modifier la variable d'état `todos` pour l'utiliser.
14171417

14181418
<Sandpack>
14191419

@@ -1595,7 +1595,7 @@ ul, li { margin: 0; padding: 0; }
15951595

15961596
<Solution>
15971597

1598-
Avec Immer, vous pouvez écrire du code de manière modifiante, tant que vous ne modifiez que les parties du `draft` que Immer vous fournit. Ici, toutes les mutations sont effectuées sur le `draft` de sorte que le code fonctionne correctement:
1598+
Avec Immer, vous pouvez écrire du code de manière modifiante, tant que vous ne modifiez que des parties du `draft` que Immer vous fournit. Ici, toutes les modifications sont effectuées sur le `draft` de sorte que le code fonctionne correctement :
15991599

16001600
<Sandpack>
16011601

@@ -1783,7 +1783,7 @@ ul, li { margin: 0; padding: 0; }
17831783

17841784
Vous pouvez également combiner les approches modifiantes et non modifiantes avec Immer.
17851785

1786-
Par exemple, dans cette version, `handleAddTodo` est implémenté en effectuant des mutations sur le `draft` d'Immer, tandis que `handleChangeTodo` et `handleDeleteTodo` utilisent les méthodes non modifiantes `map` et `filter`:
1786+
Par exemple, dans cette version, `handleAddTodo` est implémenté en modifiant le `draft` d'Immer, tandis que `handleChangeTodo` et `handleDeleteTodo` utilisent les méthodes non modifiantes `map` et `filter` :
17871787

17881788
<Sandpack>
17891789

0 commit comments

Comments
 (0)