> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation ReactJS, maîtriser le framework JavaScript de Facebook
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

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,5 / 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

Cours pratique en présentiel ou à distance
Disponible en anglais, à la demande

Réf. TJS
  3j - 21h00
Prix : 2100 € H.T.
En option :
Dynamique.Model.Bean_FormationOption
Blended : 190 € HT

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.


Parcours certifiants associés
Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Options
Blended : 190 € HT
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 et pendant 1 an.

Avis clients
4,5 / 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.
DE SOUZA ALOIZIO A.
15/10/25
5 / 5

Formation React très bien structurée, avec montée en compétence progressive et contenus techniques solides. Les TP sont pertinents, les explications claires, et la pédagogie active et bienveillante. Le formateur est engagé, à l’écoute, et favorise un climat d’apprentissage motivant. Une expérience enrichissante, moderne et adaptée aux réalités du développement web.
AYMERIC L.
15/10/25
5 / 5

Très satisfait de cette formation, bonne énergie et bonne pédagogie de Thomas.Petit bémol sur le temps limité lors de la fin de la formation, sur le dernier sujet Redux.
AXEL B.
15/10/25
5 / 5

J’ai trouvé cette formation très interessante même si forcément nous avons appris que les "bases" de React.

> Afficher plus d’avis clients


Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance

Dernières places
Date garantie en présentiel ou à distance
Session garantie