React
Objectifs
- Être capable de développer une application avec React afin de pouvoir être intégré dans une équipe de développement.
Méthode pédagogique et évaluations
- Alternance entre cours et travaux pratiques
- 7 sessions de travaux pratique sont prévues, permettant de construire sur les travaux précédents.
- L’emphase est mise sur le travail en équipe. Les corrections se font en groupe.
Horaires
Les formations se déroulent en règle générale de 9h à 17h30.
Déroulement
Toutes nos formations peuvent être organisées en intra dans vos locaux ou dans nos locaux. Nous ajustons avec vous le contenu pédagogique si nécessaire. Pour en savoir plus contactez-nous sur le site ou par email (academy@conserto.pro)
La session est maintenue à partir de 4 stagiaires. Le nombre maximum de stagiaires est de 12.
Avant la formation
L’inscription de la formation se fait en ligne ou par email (academy@conserto.pro).
Une semaine avant le début de la formation, vous recevez une convocation avec le lieu, l’heure du premier rendez-vous ainsi que le programme de la formation
Pour les formations à distance, le lien vers l’outil de visioconférence est inclus dans la convocation. Il est nécessaire d’avoir un ordinateur PC ou MAC avec une Webcam et une connexion haut débit.
Après la formation
A la fin de la formation, vous recevez une attestation de formation.
Afin d’améliorer la qualité de nos formations , nous vous demanderons de compléter un questionnaire de satisfaction à chaud en ligne à la fin de la formation.
Un mois plus tard nous vous envoyons une évaluation à froid, qui nous permet de comparer les résultats obtenus à chaud et de mesurer la mise en application en entreprise.
Programme
Jour 1 : Introduction
- Qu'est-ce que React ?
- Quand utiliser React ?
- Les autres utilisations de React
Pré-requis
- ECMAScript (ES2015+)
- NodeJS et NPM
- TypeScript
- Le DOM Virtuel
- JSX – le langage de React
Introduction pratique
- Préparer l’environnement de développement Webpack et Create React App
- TP 1 - Construire un premier composant en React /Les différentes formes de composants en React
- TP 2 - Construire un premier composant « statefull » en React /Le cycle de vie des composants /Les « hooks » en React / Les composants purs et HOC
- TP 3 – Construire une application en utilisant l’État et les « hooks »
Jour 2 : Aller plus loin
- CSS – SCSS et manières de gérer le visuel des applications
- TP 4 – Styler les composants faits à ce stade / Routing et Single Page Applications /Redux et les autres framework de gestion de l’état
- TP 5 – Ajouter Redux à une application React - Redux reducers / selectors / et react-thunk
- TP 6 – Ajouter Redux à une application React – partie 2 – une application complète
Jour 3 : Utiliser React en équipe et en entreprise
- Search Engine Optimisation en React
- Sigle Page Applications et Progressive Web Apps – différences et utilisations
- Tester un application React / Redux
- TP 7 – Ajouter et modifier des composants en équipe pour une application React / Redux complète
- Ressources et veille technologique