Résumé

Plongez au cœur de React, un framework de plus en plus utilisé en développement web, avec cet ouvrage exhaustif conçu pour initier les débutants. Chaque chapitre est structuré comme une journée d'apprentissage intensif, vous guidant pas à pas à travers les concepts et techniques nécessaires pour maîtriser cette puissante bibliothèque JavaScript.

  • JOUR 1 : Maîtriser l'écriture d'un composant, créer une première application React, découvrir les fichiers principaux et la syntaxe JSX.
  • JOUR 2 : Approfondir l'écriture du code JSX dans un composant React, apprendre à intégrer JavaScript, à écrire des conditions et des boucles en JSX, et à gérer les styles efficacement.
  • JOUR 3 : Maîtriser la gestion des événements dans un composant React, un élément crucial pour créer des interfaces interactives.
  • JOUR 4 : S’initier aux React Hooks, une fonctionnalité essentielle pour écrire des composants fonctionnels et réutilisables. Apprendre à utiliser useState(), useEffect(), useContext(), et bien d'autres.
  • JOUR 5 : Mobiliser toutes les compétences théoriques acquises dans un exercice pratique. Consolider ses connaissances et voir concrètement comment structurer une application React.

Ce livre est complété par un chapitre récapitulatif des éléments essentiels abordés dans l’ouvrage et un rappel sur le langage de programmation JavaScript, afin de vous donner toutes les clés pour réussir.

Que vous soyez un développeur novice désireux de démarrer avec React ou un professionnel cherchant à approfondir ses connaissances, cet ouvrage est le guide idéal pour vous propulser vers la maîtrise de React !

Sommaire

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

Caractéristiques

Editeur : Eyrolles

Auteur(s) : Éric 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

Référencer ce produit sur votre site

Du même thème

--:-- / --:--