Référence : REACT
Durée : 3 jours (21 heures)
Dernière mise à jour : novembre 2021
Présentation
React et Angular sont les deux frameworks de développement web les plus utilisés aujourd’hui. Si Angular nous vient de Google, React est une création de Facebook. Conçu pour être plus simple et moins intrusif que son rival, React gagne du terrain.
Durant cette session la syntaxe JSX sera étudiée en détail, un renforcement des acquis autour de JavaScript et de ses évolutions récentes sera également fait. Ensuite, nous plongerons dans le cœur du sujet en abordant React à la fois au travers de ses aspects pratiques mais également sur ses concepts fondateurs.
L’environnement de développement, la chaîne de compilation et l’outillage (NodeJS, Webpack, Babel…) seront bien entendu au programme de cette formation. Enfin, nous terminerons par des conseils sur l’architecture logicielle et la mise en production.
Programme
JavaScript, le langage du web
- Rappel sur JavaScript
- Les pièges du langage
- Programmation fonctionnelle
- Programmation objet par prototypage
- Les nouveautés ECMAScript
L’écosystème du développeur React
- L’outillage du développeur web front JS
- NodeJS, npm, npx, yarn
- Webpack
- Le transpiler Babel
- Quid de TypeScript ?
Découverte du framework React
- Présentation de React
- Une librairie plus qu’un framework
- Concept de Virtual DOM
- Algorithme de réconciliation
- JSX: de l’HTML dans du JavaScript
Créer une application pas à pas
- Structure d’une application React
- Système de rendu
- Différents types de composants
- Propriétés des composants (props)
- Gestion du cycle de vie des composants
- Composants avec état
- Une nouvelle syntaxe: Hooks, useState et useEffect
Interfaces graphiques complexes
- Rendu conditionnel
- Eléments multiples
- Prise en compte des événements utilisateur
- Les formulaires
- Les composants contrôlés
- Material UI
- Le pattern « unidirectional data flow »
- Traitement des erreurs (error boundary)
Fonctions avancées
- Higher Order Composants
- Exposer des éléments internes
- Partage de code entre composants
- Rendu en dehors du composant parent
- React router
- Navigation
- Les requêtes HTTP
- Les Promises
Conception logicielle & passage en production
- Architecture applicative Flux
- Quelques bonnes pratiques: CQRS et Event Sourcing
- Gestion de l’état avec Redux
- Packaging de production
- Diviser son application
- Les tests unitaires avec Jest
Prochaines sessions inter-entreprises
Toulouse :
Du 05 au 07 décembre 2021
Du 24 au 26 janvier 2022
Du 4 au 6 avril 2022
Du 20 au 22 juin 2022
Du 08 au 10 août 2022
Du 19 au 21 septembre 2022
Du 05 au 07 décembre 2022
Classe virtuelle :
Du 12 au 14 décembre 2021
Du 07 au 09 février 2022
Du 16 au 18 mai 2022
Du 04 au 06 juillet 2022
Du 10 au 12 octobre 2022
Du 12 au 14 décembre 2022
Nous dispensons nos formations dans toute la France, contactez-nous!
Méthode pédagogique
50% de travaux pratiques
Audience
Développeurs web
Versions des technologies
React 18, ECMAScript 2019
Pré-requis
Connaissances du DOM et de JavaScript
Tarif
1795 €
Témoignages clients
Vivien Z. – SopraSteria
« Formateur très compétent et pédagogue »
Paul P. – SopraSteria
« Bonnes explications, bon TPs et bonnes interactions entre formateur et formés. »
Cédric B. – Iceranking
« Excellente formation, elle permet de bien comprendre le fonctionnement de React! »