React – Développer des interfaces web

React est la bibliothèque la plus utilisée pour construire des interfaces web : on assemble l’application à partir de composants réutilisables qui réagissent aux données.

Cette formation vous apprend à développer une application React moderne avec les hooks, la navigation, les échanges avec une API et les tests, et présente les cadres utilisés pour la production.

Une application fil rouge est construite au fil des trois jours.

Bonne pratique de HTML, CSS et JavaScript (fonctions, tableaux, objets, promesses). Des notions de TypeScript sont un plus.

• Objectifs pédagogiques
  • Comprendre la logique de composants et le rendu de React
  • Gérer l’état et les effets avec les hooks
  • Construire une application avec navigation et accès aux données
  • Tester et préparer une application pour la production
• Objectifs opérationnels
  • Créer un projet React et structurer ses composants
  • Utiliser useState, useEffect et des hooks personnalisés
  • Partager un état entre composants
  • Mettre en place la navigation et des formulaires
  • Charger des données depuis une API et gérer le chargement et les erreurs
  • Écrire des tests de composants

PLAN PÉDAGOGIQUE

Jour 1

• Les fondamentaux
  • JavaScript moderne utile à React : modules, déstructuration, fonctions fléchées
  • Création d’un projet et outillage
  • JSX, composants et propriétés (props)
  • Listes, conditions et événements
• L’état
  • useState et rendu
  • Remonter l’état et composants contrôlés

Jour 2

• Les hooks
  • useEffect : effets et nettoyage
  • useRef, useMemo, useCallback : usages et pièges
  • Écrire ses propres hooks
• État partagé et données
  • Contexte et réducteurs
  • Chargement de données, mise en cache et gestion des erreurs
  • Navigation avec React Router

Jour 3

• Formulaires et qualité
  • Formulaires et validation
  • TypeScript avec React
  • Tests de composants avec Testing Library
• Vers la production
  • Performances : mémoïsation, découpage du code
  • Cadres pour la production (Next.js) et rendu côté serveur : principes
  • Atelier de synthèse : finalisation de l’application fil rouge

À l’issue de chaque module, le formateur évaluera chacun des participants en fonction des cas pratiques et exercices effectués

À la fin de la formation tous les participants recevront une attestation de formation

Les personnes en situation de handicap sont invitées à nous communiquer leurs besoins spécifiques. Nous ferons tout pour les mettre dans les meilleures conditions de suivi de la formation (compensation, accessibilité…)

Sessions inter-entreprises : nous consulter pour les prochaines dates (3 jours).

Cette formation peut être organisée en intra, pour votre seule équipe, en présentiel dans nos locaux. Pour ce faire, merci d’utiliser le formulaire de contact afin que nos équipes organisent avec vous une formation sur mesure selon vos disponibilités et vos besoins.

Délai d’accès : 2 à 4 semaines entre la demande et le début de la formation.

Inscription au plus tard 10 jours avant le début de la session, afin de garantir votre place ainsi qu’une préparation et un accueil de qualité.

Merci de nous contacter au 01 86 95 71 60 ou à l’adresse formation@adbi.fr