Formation ReactJS – Développer des applications avancées

2 jours (14 h)
Inter : 1 500,00 € HT/pers
Intra : nous consulter

Description title-border

Les objectifs

  • Approfondir l’utilisation des hooks avancés et optimiser la logique fonctionnelle d’un composant.

  • Concevoir et structurer des architectures d’applications React performantes.

  • Exploiter des techniques de gestion d’état sophistiquées (context, reducers, libraries externes).

  • Optimiser la performance et la réactivité d’une application React.

  • Intégrer des solutions de routage, d’accès aux API et de tests automatisés.

Public visé

  • Développeurs front‑end souhaitant approfondir leurs compétences en ReactJS.

  • Développeurs Web ou full‑stack désireux de maîtriser des techniques avancées pour des applications interactives complexes.

  • Intégrateurs techniques impliqués dans des projets nécessitant des optimisations, de la performance ou des architectures évolutives.

Prérequis

  • Maîtrise des bases de ReactJS (composants, props, state, hooks simples).

  • Bonne connaissance de JavaScript moderne (ES6+).

  • Connaissances de base en HTML et CSS.

  • Aisance avec un éditeur de code et les outils de build (npm/yarn).

Le programme

Jour 1
Matinée

1. Approfondissement des hooks et logique de composants

  • Rappels des hooks de base.
  • Utilisation avancée de useEffect, useMemo, useCallback.
  • Création de hooks personnalisés pour extraire la logique réutilisable.
  • Gestion de cycles de vie complexes et nettoyage d’effets.
  • Travaux pratiques : optimisation de composants via hooks avancés.
Après-midi

2. Gestion d’état et context React

  • Besoin d’une gestion d’état globale.
  • Mise en œuvre du Context API pour partager des données entre composants.
  • Comparaison et utilisation de solutions externes (Redux, Recoil ou Zustand).
  • Stratégies de structuration d’état et patterns recommandés.
  • Atelier pratique : implémentation d’un store global et interaction avec divers composants.
Jour 2
Matinée

3. Routage, appels API et données asynchrones

  • Introduction et configuration de React Router.
  • Définition de routes et navigation programmée.
  • Paramètres de route et navigation conditionnelle.
  • Appels API asynchrones avec fetch ou axios et gestion des valeurs retournées.
  • Gestion des états de chargement et des erreurs réseau.
  • Exercices guidés : intégration d’API dans une application multi‑vues.
Après-midi

4. Optimisation, tests et bonnes pratiques

  • Techniques d’optimisation (lazy loading, code splitting, suspense).
  • Tests unitaires et tests d’intégration pour composants React (Jest, React Testing Library).
  • Mise en place d’une stratégie de tests cohérente.
  • Bonnes pratiques de structuration, nommage et organisation de projet.
  • Synthèse des acquis, revue collective d’exercices et pistes pour aller plus loin.
Dernière mise à jour : 22 avril 2026

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée alliant théorie et pratique (minimum 50%)
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.