Jour 1 › Maîtrisez l’écriture d’un composant avec React

Pourquoi utiliser React ?
React Virtual DOM
Processus de réconciliation
Décomposer une application en composants
Créer une première application React
Analyse des fichiers principaux de l’application React
Syntaxe JSX dans React
Créer un premier composant React
Conclusion

Jour 2 › Maîtrisez l’écriture du code JSX dans un composant React

Utiliser le composant React.Fragment
Insérer du code JavaScript dans du code JSX
Écrire une condition en JSX
Écrire une boucle en JSX
Utiliser les styles en JSX
Conclusion

Jour 3 › Maîtrisez la gestion des événements dans un composant React

Gérer le clic sur un bouton
Gérer le contenu d’un champ de saisie
Conclusion

Jour 4 › Maîtrisez les React hooks

Définition d’un hook
Règle principale sur les hooks
Utiliser le hook useState()
Utiliser le hook useContext()
Utiliser le hook useRef()
Utiliser le hook useEffect()
Utiliser le hook useReducer()
Autres hooks
Créer son propre hook
Conclusion

Jour 5 › Application pratique : gérez une liste de tâches avec React

Écrans de l’application
Création de l’application avec create-react-app
Découpage de l’application en composants
Ajouter un élément dans la liste
Supprimer un élément dans la liste
Modifier un élément dans la liste
Conclusion

Rappels de JavaScript

Utiliser les mots-clés let et var en JavaScript
Utiliser le mot-clé const en JavaScript
Manipuler les objets en JavaScript
Manipuler les tableaux en JavaScript
Utiliser l’import et l’export de modules en JavaScript
Utiliser les fonctions fléchées en JavaScript
Utiliser les méthodes map() et filter() de la classe Array de JavaScript
Utiliser les objets de la classe Promise en JavaScript
Utiliser les instructions async et await en JavaScript
Créer une fonction asynchrone qui utilisera l’instruction await de JavaScript

React en quelques pages

Créer l’application React
Créer un composant React
Écrire le code JSX du composant
Écrire une boucle en JSX
Écrire une condition en JSX
Utiliser les styles en JSX
Utiliser les attributs dans les composants React
Gérer les événements avec React
Utiliser le hook useState()
Utiliser le hook useEffect()
Utiliser le hook useRef()
Créer un hook personnalisé
Hook useGeolocation() pour récupérer la latitude et la longitude
Hook useGeolocationWithDetails() pour récupérer la ville et le pays
Hook useGeolocationWithDetails(coords) amélioré
Fonction map(coords, id) pour afficher la carte du lieu dans l’élément ayant l’identifiant id
Hook useMap(coords, id) qui affiche la carte dans l’élément id
Composant DisplayMap

Editeur : Eyrolles

Auteur(s) : Eric Sarrion

Publication : 11 juillet 2024

Edition : 1^ère édition

Intérieur : Noir & blanc

Support(s) : Text (eye-readable) [ePub + PDF]

Contenu(s) : ePub, PDF

Protection(s) : Marquage social (ePub), Marquage social (PDF)

Taille(s) : 15 Mo (ePub), 13 Mo (PDF)

Langue(s) : Français

Code(s) CLIL : 3229

EAN13 Text (eye-readable) [ePub + PDF] : 9782212052091

EAN13 (papier) : 9782416017254