Skip to content

Commit dc6067e

Browse files
committed
copy(reducer-context): final review pass
1 parent d8fbe1b commit dc6067e

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

src/content/learn/scaling-up-with-reducer-and-context.md

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ Voici comment vous pouvez combiner un réducteur avec un contexte :
241241

242242
### Étape 1 : créer le contexte {/*step-1-create-the-context*/}
243243

244-
Le Hook `useReducer` renvoie les `tasks` courantes et la fonction `dispatch` qui vous permet de les mettre à jour :
244+
Le Hook `useReducer` renvoie les `tasks` courantes, ainsi que la fonction `dispatch` qui vous permet de les mettre à jour :
245245

246246
```js
247247
const [tasks, dispatch] = useReducer(tasksReducer, initialTasks);
@@ -673,7 +673,7 @@ Vous cesserez d'utiliser les props dans la prochaine étape.
673673

674674
### Étape 3 : utiliser un contexte n'importe où dans l'arbre {/*step-3-use-context-anywhere-in-the-tree*/}
675675

676-
Vous n'avez désormais plus besoin de passer la liste de tâches ou les gestionnaires d'événements à travers l'arbre :
676+
Vous n'avez désormais plus besoin de passer la liste de tâches ou les gestionnaires d'événements à travers l'arbre à coups de props :
677677

678678
```js {4-5}
679679
<TasksContext.Provider value={tasks}>
@@ -693,7 +693,7 @@ export default function TaskList() {
693693
// ...
694694
```
695695
696-
Pour mettre à jour la liste de tâches, un composant peut lire la fonction `dispatch` depuis le contexte et l'appeler :
696+
Pour mettre à jour la liste de tâches, un composant peut lire la fonction `dispatch` depuis le contexte approprié, puis l'appeler :
697697
698698
```js {3,9-13}
699699
export default function AddTask() {
@@ -713,7 +713,7 @@ export default function AddTask() {
713713
// ...
714714
```
715715
716-
**Le composant `TaskApp` ne transmet aucun gestionnaire d'événement vers le bas et la `TaskList` ne transmet pas non plus de gestionnaire d'événement au composant `Task`.** Chaque composant lit le contexte dont il a besoin :
716+
**Le composant `TaskApp` ne transmet aucun gestionnaire d'événement à ses enfants, et la `TaskList` ne transmet pas non plus de gestionnaire d'événement au composant `Task`.** Chaque composant lit le contexte dont il a besoin :
717717
718718
<Sandpack>
719719
@@ -801,7 +801,7 @@ export default function AddTask() {
801801
type: 'added',
802802
id: nextId++,
803803
text: text,
804-
});
804+
});
805805
}}>Ajouter</button>
806806
</>
807807
);
@@ -901,7 +901,7 @@ ul, li { margin: 0; padding: 0; }
901901
902902
## Déplacer toute cette plomberie dans un seul fichier {/*moving-all-wiring-into-a-single-file*/}
903903
904-
Vous n'êtes pas obligé·e de le faire, mais vous pouvez encore alléger les composants en déplaçant le réducteur et le contexte dans un seul fichier. Pour le moment, `TasksContext.js` ne contient que les deux déclarations de contexte :
904+
Ça n'a rien d'obligatoire, mais vous pouvez encore alléger les composants en déplaçant le réducteur et le contexte dans un unique fichier distinct. Pour le moment, `TasksContext.js` ne contient que les deux déclarations de contexte :
905905
906906
```js
907907
import { createContext } from 'react';
@@ -1025,7 +1025,7 @@ export default function AddTask() {
10251025
type: 'added',
10261026
id: nextId++,
10271027
text: text,
1028-
});
1028+
});
10291029
}}>Ajouter</button>
10301030
</>
10311031
);
@@ -1244,7 +1244,7 @@ export default function AddTask() {
12441244
type: 'added',
12451245
id: nextId++,
12461246
text: text,
1247-
});
1247+
});
12481248
}}>Ajouter</button>
12491249
</>
12501250
);
@@ -1359,8 +1359,7 @@ Au fur et à mesure que votre appli grandit, il se peut que vous ayez de nombreu
13591359
3. Utilisez l'un ou l'autre des contextes pour les composants qui ont besoin de les lire.
13601360
- Vous avez la possibilité d'alléger les composants en déplaçant toute la plomberie dans un seul fichier.
13611361
- Vous pouvez exporter un composant tel que `TasksProvider` qui fournit le contexte.
1362-
- Vous pouvez également exporter des Hooks personnalisés comme `useTasks` et `useTasksDispatch` pour les lire.
1362+
- Vous pouvez également exporter des Hooks personnalisés tels que `useTasks` et `useTasksDispatch` pour lire vos contextes spécifiques.
13631363
- Vous pouvez disposer de nombreuses paires contexte-réducteur comme ça dans votre appli.
13641364
13651365
</Recap>
1366-

0 commit comments

Comments
 (0)