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

Formation incontournable Formation Blended

Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et la performance des composants de RIA. Vous apprendrez à développer des applications avec ReactJS, JSX Flux 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.
Pauses-café et
déjeuners offerts
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 la simplicité et la performance des composants de RIA. Vous apprendrez à développer des applications avec ReactJS, JSX Flux 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
Concevoir une SPA avec ReactJS et Flux
Comprendre le subset JavaScript JSX
Optimiser les performances des RIA

Public concerné
Développeurs JavaScript, architectes et chefs de projets 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 des composants des RIA

  • Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
  • Design patterns applicatifs classiques. Limitations des applications JavaScript.
  • Ecosystème des frameworks JavaScript.
  • Principes de Data-Binding : dirty-checking, observable, virtual-dom.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation. Mise en œuvre "Transpilers".
  • Environnement de développement. IDE et plug-ins.
Travaux pratiques
Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.

2
Développer avec ReactJS

  • Approche : MVC et Virtual Dom, un choix de performance.
  • Utiliser JavaScript ou JSX.
  • Comprendre JSX en détail. Pièges à éviter.
  • Méthodes principales de l'API.
  • Création de composant de vues. Cycle de vie.
  • Initialisation de propriétés.
  • "Render Function" : gestion des états de composant.
Travaux pratiques
Définition et réalisation de composants selon les spécifications déterminées.

3
Interactivité des composants

  • Gestion des événements. "autobinding" et délégation.
  • Design Pattern : stratégie pour les composants à état.
  • Composer par ensembles.
  • "Component Data Flow" : propriétaire, enfants et création dynamique.
  • Composants réutilisables : contrôle et transfert de propriétés.
  • Contrôle des composants de formulaire.
  • Manipulation du DOM.
Travaux pratiques
Création d'un ensemble structuré de composant UI.

4
Application monopage avec ReactJS et Flux ou Redux

  • Flux/Redux : présentation. Propagation de données.
  • Comparaison des architectures.
  • Création de vues et contrôleurs dans Flux.
  • Rôle du "Dispacther" dans Flux pour les actions.
  • Les "Stores", gestionnaire d'états logique dans Flux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le "Reducer".
  • Extension pour ReactJS : "hot-loader".
Travaux pratiques
Intégration d'une SPA.

5
Application isomorphique

  • Principe et bénéfices du développement isomorphique.
  • Ecosystème du JavaScript côté serveur.
  • Initiation à NodeJS.
  • Configuration de NodeJs pour ReactJS.
  • Organisation de routes.
Travaux pratiques
Prérendu serveur d'une application.

6
Introduction à React Native

  • Positionnement, différences avec Cordova.
  • De React aux composant iOS natifs, un projet à suivre.
Démonstration
Application utilisant 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.

Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Avis clients
4,3 / 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.
JEAN-PHILIPPE B.
30/06/25
4 / 5

Même si il est difficile de maitriser une technologie en 3 jours, Stéphane nous a expliqué les différents concepts, à nous de les mettre en pratique pour acquérir des compétences solide.
PHILIPPE C.
12/05/25
5 / 5

Formation très bien construite et animée.Progression très fluide au fur et à mesure des cours et TP.
PHAM ALEXANDRE D.
12/05/25
5 / 5

Thomas Fritisch est un très bon formateur. Il a fait preuve de beaucoup de pédagogie. La formation est riche en contenu et bien organisée.

> Afficher plus d’avis clients


Horaires
les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

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
PARTICIPANTS
Futurs managers et responsables d’équipe souhaitant structurer leur pratique managériale

PRÉREQUIS
Aucun

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 stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation. • À l’issue de chaque stage 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 stagiaire 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.