-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
17 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,22 +1,29 @@ | ||
# TP liste d'utilisateurs | ||
|
||
## Objectif du TP | ||
## Objectif | ||
|
||
Vous devez charger écrire un composant User pour afficher le profil d'un utilisateur et afficher les utilisateurs stockés dans un fichier JSON depuis ce composant. | ||
Vous devez implémenter un composant User pour afficher le profil d'un utilisateur et afficher les utilisateurs stockés dans un fichier JSON depuis ce composant. | ||
|
||
|
||
## Pour ceux qui partent du projet existant | ||
## Questions à partir du projet existant à faire seul (sur /10 points) | ||
|
||
**1. Trouvez dans le code comment charger le fichier JSON** | ||
**1. Trouver dans le code comment charger le fichier JSON** | ||
|
||
**2. Où se situe le composant User ?** | ||
**2. Où se situe le composant `User` ?** | ||
|
||
**3. Importez le composant dans l'application et instanciez le sur la liste d'utilisateurs** | ||
**3. Afficher tous les profiles à l'aide de la fonction map dans le fichier `src/index.js` ** | ||
|
||
## Pour ceux qui souhaitent partir de zéro | ||
**4. Ajouter un paragraphe `p` au composant `User` pour afficher la date de naissance sous la forme "Né le 27/02/1942" pour un homme ou "Née le 27/02/1942" pour une femme en utilisant une condition ternaire.** | ||
|
||
vous pouvez [juste télécharger le fichier JSON](https://randomuser.me/api/?results=10). | ||
**5. Vérifier que le test passe à partir de `yarn test`** | ||
|
||
## Pour ceux aui souhaitent faire un projet différent | ||
**6. Où est implémenté ce test ? Décrire les lignes de code de ce test à l'aide de [la documentation](https://reactjs.org/docs/testing-recipes.html).** | ||
|
||
Vous pouvez [télécharger une liste de films](https://imdb-api.com/). | ||
**7. Ecrire un autre test pour vérifier que le titre d'un utilisateur contient la valeur attendue. Pour cela, vous pourrez rédiger un autre exemple de profil utilisateur.** | ||
|
||
|
||
## Travail en binôme (ou seul) (sur /10 points) | ||
|
||
[Télécharger une liste de films sous le format d'un fichier JSON](https://imdb-api.com/). Cela vous demandera de créer un compte. | ||
|
||
Un membre du binôme implémente une application pour afficher une liste de films, tandis que l'autre rédige des tests. Mettez-vous donc d'accord dès le début sur les tests à faire. |