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.
- Des mises en situation, quiz, exercices pratiques, études de cas ou jeux de rôles sont proposés par le formateur permettant d’évaluer les acquis des stagiaires tout au long de la formation.
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