Academy
Dev

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)

 

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

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 »

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

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

Debriefing et feedback

Nos formations
à venir