Migrer vers React

Cette formation couvrira les techniques et les bonnes pratiques utiles pour créer des applications web modernes en utilisant le Framework React et son écosystème.

Front End Dev

Détails

Durée 4 Jours
Prochaines dates

date sur demande

Public cible Dev Frontend, Dev Fullstack
Niveau Intermédiaire
Prix présentiel 3450 € HT/pers

Présentation de la formation

Cette formation couvrira les techniques et les bonnes pratiques pour créer des applications Web modernes en utilisant le framework React et son écosystème (composants, styles, tests).

Que ce soit pour le développement d’un nouvel applicatif ou la migration d’une base de code javascript ou typescript existante.

Objectifs

  1. Comprendre les usages de React (avantages et inconvénients)
  2. Découvrez les cas d’utilisation de l’API React et des conseils de pro
  3. Adoptez les bonnes pratiques pour créer des composants bien architecturés
  4. Élaborer une intégration fluide de React à une base de code existante
  5. Savoir isoler les nouveaux composants de la dette technique existante
  6. Utiliser des techniques JS modernes instinctivement
  7. Permettre aux équipes de créer, maintenir et faire évoluer une base de code frontend solide

Méthode d’enseignement

Les 4 jours sont constitués de présentations théoriques, d’ateliers pratiques et de démonstrations.

Durée

4 jours (soit 4 x 7 heures) répartis sur 2 semaines, répartis en 2 x 2 jours

Prérequis

  • Ordinateur, webcam, microphone, connexion Internet
  • N’importe quel éditeur de code / IDE (code VS recommandé)
  • node + npm et git installés

Programme

Semaine 1, jour 1: React fundamentals

  • Framework SPA
  • Flux de données unidirectionnel
  • Gestion des états
  • Style fonctionnel vs classes
  • Hooks (useState, useEffect, useReducer, useRef, useDebugValue, hook personnalisé…)
  • Architecture des composants (JSX, composition, composants d’ordre supérieur)
  • Contexte, Suspens & Portal
  • + 1h Session de code live: composant d’animation

Semaine 1, jour 2: Stratégies de migration / adoption

  • Réécriture / Big Bang
  • Une fonctionnalité à la fois
  • Pièges de la migration progressive (isoler les styles et mount multiple)
  • Introduction aux Web components
  • Encapsuler avec Shadow Dom
  • Slots, variables CSS et techniques avancées
  • L’alternative préact
  • + 2h de laboratoire: Construction de composants isolés

Semaine 2, jour 3: Classiques du Frontend

  • Styliser des composants
  • Formulaires avancés
  • Gestion des événements
  • Conseils JS modernes (imports, async, spread, immuabilité, formatage …)
  • + 3h de lab: Créer un composant simple vs composant intelligent

Semaine 2, jour 4: Expérience développeur

  • Gestion des dépendances (npm, yarn)
  • Découverte de l’écosystème (ressources, évaluation de l’impact sur votre bundle)
  • Outillage (Eslint, Webpack, Babel)
  • Présentation de Typescript
  • Tests
  • + 1h30 Session de code live: créer, tester et publier un composant
  • + 2h Sujet personnalisé libre (les participants peuvent sélectionner n’importe quelle problématique, à la fin du jour 2)
Préinscription à la formation
Migrer vers React

    Formations sur mesure

    Besoin d’une formation adaptée à la taille de vos équipes ? Un mélange de plusieurs formations ? N’hésitez pas à nous contacter, nous trouverons une solution à vos besoins.