Initiez-vous à la librairie React de Facebook, avec cette formation. Explorez à la conception d'interface et d'applications web hautement dynamiques.
Prochaines sessions
Aucune date ne convient?
Notifiez-moi si une session est ajoutée.
Durée: 2 jours
Prix régulier: $1,000
Prix préférentiel: $930
Aucune date ne convient?
Notifiez-moi si une session est ajoutée.
Plan de cours
Durée : 2 jours
React est une bibliothèque JavaScript créée par Facebook. Elle permet aux développeurs de
générer des applications Web à partir de données qui peuvent être modifiées sans avoir à
rafraîchir la page. Elle offre plus de rapidité, de simplicité et d’évolutivité.
En quelques années, React est devenue une technologie éprouvée qui est utilisée sur des milliers
de sites Web (Facebook, Netflix, Instagram, NY Times) et d’applications mobiles (Skype, Uber,
Tesla).
Contenu
1. Introduction à React
Qu’est-ce que React? (Avant 2015 : ReactJS)
Caractéristiques, avantages et inconvénients
Installation
Bonjour tout le monde avec React
Déploiement d’une application React
2. JSX et rendu
API React
Langage JSX
DOM virtuel et réconciliation
3. Composants
Types de composants
Utilisation de propriétés (Props React)
Utilisation d'états (State React)
4. Cycle de vie (Lifecycle)
Création et destruction des composants
Méthodes du cycle de vie (componentDidMount, componentWillUnmount)
Utilisation de SetState
5. Gestion d’événements
Liaisons d’événements (event listeners)
Événements synthétiques
6. Programmation fonctionnelle en utilisant les Hooks
Que sont les Hooks?
Utiliser le Hook d’état
Utiliser le Hook d’effet
7. Routage
Historique (history)
Chemins (paths)
Hyperliens (links)
8. Formulaires
Composants contrôlés
Composants libres (uncontrolled components)
Références (refs)
Validation
Utiliser des clés
9. Charger des données dans le « state »
Utiliser fetch pour obtenir des données d’un API
Modifier les données avec un API
Programmation asynchrone en JS
Utiliser les notifications Google Firebase
10. Outils React avancés
Introduction aux outils de développement React
Extension de débogage
Composants de navigation
Analyse des performances avec le profileur
Détection du rendu
Périmètres d’erreurs
11. Meilleures pratiques d'architecture React
Où placer l’État
Pourquoi l’État devrait-il être immuable?
Qu’en est-il de css?
Savoir s’entourer des meilleurs
Frédéric Paradis
Formateur certifié et architecte en solutions infonuagiques
Formateur certifié Microsoft, Frédéric se décrit comme un magicien de l’infonuagique, cet espace mythique entre technologie et réalité.
Marc Maisonneuve
Directeur des programmes de formation
Marc Maisonneuve agit à titre de Directeur des programmes de formation, formateur de l’efficacité professionnelle et leader de pratique des outils utilisateurs chez AFI depuis plusieurs années. M. Maisonneuve se distingue par sa capacité d’analyse, son calme légendaire et sa volonté indéniable de pousser l’humain à développer ses compétences. Il propose tout naturellement des solutions technologiques à des besoins concrets en milieu de travail.
Vicky Moreau
Formatrice
Vicky Moreau est une travailleuse autonome et professionnelle passionnée pour le domaine de la bureautique. Elle est détentrice d’un diplôme d’études collégiales en bureautique, mais c'est en tant qu’autodidacte qu’elle a acquis sa solide expérience avec les applications de la Suite Office. Elle a complété avec succès une certification MOS (Microsoft Office Specialist) Excel.
Francis Ferland-Stevenson
Formateur
Francis a débuté son rôle de formateur il y a plus de 5 ans en testant des outils bureautiques conçu spécifiquement pour combler les besoins de ses collègues. Son approche calme et son regard empathique lui permettent de trouver un langage clair et accessible pour tous les niveaux des groupes auxquels il enseigne. En tant que formateur, il est donc à l’écoute des besoins de ses élèves pour s'assurer que ceux-ci rencontrent leurs objectifs et relèvent les nouveaux défis.