Analysez le code situé du projet puis répondez aux questions.
1. Quelle ligne charge le fichier JSON dans le code ?
2. Quelle est la structure de données du fichier JSON ?
3. Justifiez le User.propTypes
. Donnez des exemples de données ne sont pas prises en compte.
4. Quelles données sont obligatoires pour construire le composant User
?
5. A quoi correspond PropTypes.shape
?
6. Pourquoi l'attribut style
contient deux accolades ?
7. Quel est le nom de l'opérateur qui transmet les données du composant App
vers le composant User
? Pourquoi est-ce dangereux d'abuser de cet opérateur ?
8. Ajoutez 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. Copiez le code ajouté dans ce document en guise de réponse.
(Pensez à mettre votre code dans des balises Markdown !!)
9. Lisez les recettes de tests. Rédigez un test pour vérifier que le composant User
contient une image.
10. Rédigez un autre test dans lequel vous créez le composant User
avec le name
de votre choix dans le props
et vérifiez que le composant affiche bien le name
.
11. Faites un test de "capture d'instantanés" en suivant les indications de la documentation
12. Proposez trois autres tests (pas besoin de les implémenter)
Téléchargez une liste de films sous le format d'un fichier JSON. Cela vous demandera de créer un compte.
13. Créez un nouveau projet et affichez les films sous la forme de cartes. Vous devrez soigner le design de la page, sans copiant le code de la liste d'utilisateurs