Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

Formation : ReactJS, maîtriser le framework JavaScript de Facebook

Formation pratique - 3j - 21h00 - Réf. TJS
Prix : 2120 CHF H.T.

ReactJS, maîtriser le framework JavaScript de Facebook


Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients
4,6 / 5

Formation incontournable Formation Blended

Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise simplicité et performance des composants de RIA (Rich Internet Application). Vous apprendrez à développer des applications avec ReactJS, JSX et Redux et découvrirez le principe et les bénéfices du développement isomorphique.


INTER
INTRA
SUR MESURE

Formation pratique en présentiel ou à distance
Formation disponible en anglais, à la demande

Réf. TJS
  3j - 21h00
2120 CHF H.T.
En option :
Dynamique.Model.Bean_FormationOption
Blended : 190 CHF H.T.

Télécharger le programme

Partager cette formation




Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise simplicité et performance des composants de RIA (Rich Internet Application). Vous apprendrez à développer des applications avec ReactJS, JSX et Redux et découvrirez le principe et les bénéfices du développement isomorphique.


Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
Développer avec ReactJS
Comprendre la syntaxe JSX,TSX
Comprendre l’architecture d’une store front end
Concevoir une SPA avec ReactJS
Optimiser les performances des applications front end
Gérer des formulaires avec ReactJS
Créer des applications mobiles avec React Native

Public concerné
Développeurs JavaScript, architectes et chefs de projet web.

Prérequis
Pratique du développement web, maîtrise et pratique de JavaScript (ES5 minimum).
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Méthodes et moyens pédagogiques
Travaux pratiques
Vous réaliserez une application complète basée sur le framework ReactJS.
Méthodes pédagogiques
Développement guidé. 50% de théorie illustrée par 50% de pratique.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

1
Rappels sur les composants des RIA

  • Rappels : HTML, CSS, JavaScript et le DOM.
  • Limites des architectures JavaScript classiques.
  • Principes de réactivité : observable, Virtual DOM…
  • Découverte de React : philosophie, atouts, performances.
  • JSX : syntaxe, intérêt, transpilation.
  • Environnement moderne : installation via Vite.
  • Maitrise de createRoot, automatic batching, rendu concurrent.
Travaux pratiques
Installation de l’environnement et création d’un premier composant React.

2
Développer avec ReactJS

  • Architecture MVC et Virtual DOM.
  • Comprendre JSX en détail, bonnes pratiques.
  • Présentation de TSX (TypeScript Execute).
  • Composants fonctionnels versus classes.
  • Recommandations et migration vers les composants fonctionnels.
  • Cycle de vie et hooks de base : useState, useEffect, useRef.
  • Bonnes pratiques d’utilisation des hooks.
  • Création de hooks personnalisés.
  • Gestion de l’état et rendu dynamique.
  • Passage de données par les props.
Travaux pratiques
Création de composants fonctionnels interactifs avec hooks.

3
Interactivité des composants

  • Gestion des événements et binding automatique.
  • Communication parent/enfant, levée d’événements.
  • Composition et hiérarchie des composants.
  • Formulaires contrôlés et validation.
  • Futur des optimisations avec React Compiler.
  • Les hooks : useTransition, useDeferredValue pour interfaces fluides.
Travaux pratiques
Création d’une interface utilisateur réactive avec formulaires et transitions.

4
Application monopage avec React et Redux

  • Principe du flux unidirectionnel : actions, dispatcher, stores, vues.
  • Présentation de Redux.
  • Architecture fonctionnelle et reducers.
  • Simplification avec Redux Toolkit et les hooks useSelector, useDispatch.
  • Alternatives de l’ecosystème : Zustand, Recoil…
  • Gestion de la récupération de données : fetch, axios…
  • Hooks spécialisés : useActionState, useOptimistic, TanStack Query.
Travaux pratiques
Développement d’une SPA complète gérant les données et les états.

5
Application isomorphique et rendu serveur

  • Principe et intérêt du rendu isomorphique.
  • Introduction à Node.js pour le rendu serveur.
  • Configuration SSR : React DOM Server, hydratation, streaming SSR.
  • Server Components : architecture mixte client/serveur et réduction du JavaScript chargé.
  • Présentation des frameworks compatibles (Next.js, Remix).
Travaux pratiques
Mise en œuvre d’un rendu SSR (rendu côté serveur) simple et comparaison avec CSR (rendu côté client).

6
Introduction à React Native

  • Présentation de React Native et différences avec Cordova ou Ionic.
  • Concepts communs : JSX, composants, hooks, Virtual DOM natif.
  • Nouveautés de React Native.
  • Utilisation de EXPO, aperçu d’un projet multiplateforme.
Démonstration
Création d’une mini-application mobile simple avec React Native.


Options
Blended : 190 CHF H.T.
Approfondissez les connaissances acquises en formation grâce aux modules e-learning de notre Chaîne e-learning développement Front-End React. Un apprentissage flexible et complet, à suivre à votre rythme dès le premier jour de votre présentiel.

Avis clients
4,6 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
VINCENT B.
01/07/26
4 / 5

Formation très complète. Le formateur est top !C’est dommage que les exercices soient fait sur le moment, il manque un support pour les TPs. Quelque chose qui permet de construire une application brique par brique.
EMILIE S.
01/07/26
5 / 5

Explication très claire. Permet de bien poser les bases.
CHRISTOPHE N.
01/07/26
5 / 5

Les concepts sont bien présentés progressivement, avec différents TP fournis.

> Afficher plus d’avis clients


Date de publication : 07/11/2025


PARTICIPANTS
Développeurs JavaScript, architectes et chefs de projet web.

PRÉREQUIS
Pratique du développement web, maîtrise et pratique de JavaScript (ES5 minimum).

COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.

MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.

ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Dates et lieux

Dernières places
Date garantie en présentiel ou à distance
Session garantie
Du 9 au 11 septembre 2026
FR
Classe à distance
S’inscrire
Du 9 au 11 septembre 2026
EN
Classe à distance
S’inscrire
Du 23 au 25 novembre 2026
FR
Classe à distance
S’inscrire
Du 23 au 25 novembre 2026
EN
Classe à distance
S’inscrire

CLASSE À DISTANCE
2026 : 9 sep., 9 sep., 23 nov., 23 nov.