Formation ReactJS : Développement Web

4.6 sur 5 étoiles

5 étoiles
65%
4 étoiles
33%
3 étoiles
1%
2 étoiles
0%
1 étoile
0%
Voir les 69 avis
(69 avis)
Durée 3 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence REJS
Éligible CPF Non

Objectif opérationnel : 

Savoir utiliser la bibliothèque React JS pour faciliter la création d'applications web isomorphiques accessibles et performantes.

Objectifs pédagogiques : 

Concrètement, à l'issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour : 

  • Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
  • Savoir coupler React JS avec des modules complémentaires, JSX et ES6
  • Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
  • Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
  • Comprendre et mesurer les impacts du choix d'une architecture incluant ce type d'application

Public :

Ce cours ReactJS s’adresse aux développeurs JavaScript recherchant comment faciliter la création d’une application web monopage tout en maintenant un niveau élevé de flexibilité et de performance. Les développeurs concernés possèdent du recul et de l’expérience sur le langage JavaScript et son environnement et sont sensibles au motif d’architecture logicielle MVC.

Prérequis :

Les participants à cette formation ReactJS possèdent obligatoirement de solides connaissances des technologies web (HTML, CSS) et de JavaScript validées à travers le développement de projets web préalables. Ils sont également sensibilisés à la problématique de performance, au cœur de cette formation.

J1

Introduction à React

Philosophie de React
Les autres Frameworks JavaScript
Environnement de développement
Outils de debug
Travaux pratiquesMise en place de l’environnement de développement
Mise en place pour le début de liens directs vers les fichiers react et react-DOM
Voir la différence avec un import de fichiers optimisés par le web pack

Les nouveautés ECMAScript

Présentation d’ECMAScript
Les nouveautés ES6/ES2015
ES2017 : les fonctions « async »

Premiers développements avec ReactJS

Le composant
Principe et conséquences du Virtual Dom
La fonction render()
'props' et 'state'
Le langage JSX
Travaux pratiquesInitiation à JSX. Définition de la structure de l’application.
Réalisation d’un générateur de formulaires en JSX pour utiliser des class/fonctions réutilisables. L’objectif est de se créer une bibliothèque de composants réutilisables.
J2

Les possibilités de build

Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production

Les Composants React

Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d'un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover...

Styliser ces composants

Les différentes approches pour styliser un composant
La bibliothèque de « styled-components » Emotion

Interaction de l'utilisateur avec les composants

Gestion d'Ajax
Gestion des formulaires
Manipulation du DOM, DOM virtuel
Travaux pratiquesCréation d’un ensemble structuré de composant UI.
Mise en place d’une page qui permet de déclarer des variables et de donner à l’internaute de modifier ces valeurs et de déclencher un nouveau rendu de la page. Nous allons créer une page formulaire avec des données venant d’une api externe et contrôler les valeurs saisies dans le formulaire par l’internaute pour pouvoir envoyer les données du formulaire.
J3

Gestion centralisée des données

Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React

Application monopage avec ReactJS et un module de store de variables

Flux/Redux : présentation. Propagation de données.
Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du "Dispacther" store reducer action.
Travaux pratiquesApprendre à manipuler ces stores de données
Créer un projet avec des composants et partager les variables entre eux 
Le store permet de simplifier les changements de données au sein de l’application en centralisant tout à un unique endroit.

Le Router

Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement

Application isomorphique

Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs
Travaux pratiquesPrérendu serveur d’une application.
Créer un projet de plusieurs vues avec tous les éléments vus précédemment
Un mini-site avec plusieurs vues accessibles via les routes 
Différents composants faisant appel à des données venant d’apis et des variables partagées entre certains composants.
Date de mise à jour du programme : 02/02/2024

Dates et lieux

1
2
Du 22 au 24 mai 2024
En bonne voie de maintien
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 22 au 24 mai 2024
En bonne voie de maintien
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 19 au 21 juin 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 19 au 21 juin 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 24 au 26 juillet 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 24 au 26 juillet 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 21 au 23 août 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 21 au 23 août 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 18 au 20 septembre 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 18 au 20 septembre 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
1
2

Logo partenaire action collective de l'OPCO Atlas Votre formation ReactJS prise en charge jusqu'à 100% des coûts pédagogiques !

Depuis 2018, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour de l'Open Source. 
-  Sessions inter-entreprise sur Paris, Lyon et Lille. 
-  Sessions intra-entreprise sur toute la France. 

* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)

Avis des participants à la formation ReactJS : Développement Web

Note moyenne de 4.6/5(69)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

KA
5/5

Mon avis sur le contenu du stage :

"La librairie React ayant beaucoup évolué ces derniers temps, et n'ayant eu aucune formation/connaissance de cette technologie en amont de la formation, cette dernière aurait mérité d'être allongée, par exemple à 5 jours, afin de bien mettre en opposition l'avant/après React 16.8 (je pense notamment à la confrontation Redux/Context API). Autrement, et même si le niveau et le rythme sont soutenus, avec un baggage technique décent, la formation reste abordable, et est très enrichissante et permet d'avoir les bonnes bases pour évoluer dans la bonne direction par la suite."

Mon avis sur le formateur :

"RAS, vraiment un plaisir d'avoir pu côtoyer les 2 animateurs rencontrés lors de la formation, aussi bien d'un point de vue expertise que d'un point de vue humain. TOP!"

Mon avis sur la salle de formation :

"RAS"

Ce que j'ai le plus apprécié :

"Le cadre, les locaux, les goodies (café, fruit, encas, etc...)"

Ce que j'ai le moins apprécié :

"RAS"

LA
5/5

Mon avis sur le contenu du stage :

"Je pense qu'une journée supplémentaire nous aurait permis de voir plus en détail la fin de la formation. Concernant ce que nous avons pu apprendre, ce fut fort agréable."

Mon avis sur le formateur :

"L'animateur maîtrise le sujet. Si un souci arrive, l'animateur sait le résoudre, et auquel cas il n'y arrive pas, il y travaille pendant une pause et revient sur le sujet par la suite pour ne pas perdre trop de temps durant la formation."

Ce que j'ai le plus apprécié :

"Disponibilité de l'animateur et sa pédagogie"

Ce que j'ai le moins apprécié :

"Comme précisé plus haut, le manque de temps pour la fin de la formation"

RS
5/5

Mon avis sur le contenu du stage :

"Rien à dire. Le programme est dense mais très intéressant. "

Mon avis sur le formateur :

"Formation maîtrisée, très bonne pédagogie, respect du programme, bon rythme."

Mon avis sur la salle de formation :

"La qualité de la visio est plutôt bonne. Cependant il y a eu quelques fois des problèmes de sons."

Ce que j'ai le plus apprécié :

"La qualité de la formation, son contenu, le formateur."

Ce que j'ai le moins apprécié :

"Pas grand chose, excepté ces problèmes de son."

VS
4/5

Mon avis sur le contenu du stage :

"Globalement très content du contenu de la formation. C'est assez dense, il faudrait peut être d'avantage pratiquer pour que les notions rentrent mieux mais pas trop de choix sur 3 jours."

Mon avis sur le formateur :

"Très clair, et il n'hésite pas à revenir sur des points que l'on n'aurait pas compris."

Mon avis sur la salle de formation :

"Quelques pertes de son, mais sinon RAS."

Ce que j'ai le plus apprécié :

"Formateur sympatique et compétent."

Ce que j'ai le moins apprécié :

"Quelques pertes de son."

ADDA Xavier
5/5

Mon avis sur le contenu du stage :

"Excellent, j'ai appris beaucoup de choses."

Mon avis sur le formateur :

"Très bon intervenant qui connais très bien son sujet. Il est disponible et à l'écoute. Il prend bien le temps d'expliquer et répondre à toutes interrogations que l'on peut avoir."

Mon avis sur la salle de formation :

"Très bon accueil."

Ce que j'ai le plus apprécié :

"Cafétariat."

Ce que j'ai le moins apprécié :

"Je n'ai pas reçu directement le mot de passe pour ouvrir mon PC"

FA
4/5

Mon avis sur le contenu du stage :

"Globalement c'était bien, juste un peu rapide sur la fin avec la partie plus complexe sur Redux. Peut-être que c'est mieux d'aborder les sujets complexes au début et ce qui est léger vers la fin même si c'est vrai que ça peut être compliqué"

Mon avis sur le formateur :

"Animateur réactif et à l'écoute, explications claires. Mais peut-être qu'il faudrait prendre plus de temps entre chaque démonstration de code pour pouvoir comprendre ce qu'on écrit"

Ce que j'ai le plus apprécié :

"La pertinence de la formation"

VM
4/5

Mon avis sur le contenu du stage :

"Le support de cours mériterait d'être mis un peu à jour"

Mon avis sur le formateur :

"Un peu brouillon par moments, mais ça vient aussi avec l'avantage d'être flexible et de s'adapter à nous"

Ce que j'ai le plus apprécié :

"Avoir fourni une machine virtuelle"

Ce que j'ai le moins apprécié :

"Teams : Outil avec lequel j'ai souvent eu des problèmes. Machine virtuelle fournie : Windows ??"

LECHEVALLIER Joanne
3/5

Mon avis sur le contenu du stage :

"le stage est parfait pour des debutants sauf que je m'attendais à une formation avancée"

Mon avis sur le formateur :

"Maëlann est très disponible et s'adapte à chaque personnalité "

Mon avis sur la salle de formation :

"cela ne coute pas beaucoup mais il serait apreciable d'avoir tout déjà sur la machine GIT, vsCode ,..."

Ce que j'ai le plus apprécié :

"peu de partipants donc plus convivial "

BR
5/5

Mon avis sur le contenu du stage :

"peut-être quelques mise à jours à faire (Composant classes et code "ancienne mode" à remplacer par endroits) "

Ce que j'ai le moins apprécié :

"Les gens (hormis le formateur) n'allument pas leur caméra... Il manque peut-être la possibilité pour le formateur de "regarder par dessus l'épaule" des élèves à distance (virtuellement) , ce qui manque un peu par rapport au présentiel... Je pense à un partage d'écran individuel par exemple."

MM
5/5

Mon avis sur le formateur :

"Formateur maîtrisant son sujet et capable de répondre aux questions en adaptant le code pour montrer différentes solutions. Bon orateur, rend le sujet intéressant et dynamique."

Ce que j'ai le plus apprécié :

"Le formateur"

Ce que j'ai le moins apprécié :

"Pas de lien vers la salle virtuelle sur mon profil, j'ai du appeler le support. Les supports de formation disponibles ne sont pas à jour."

HK
5/5

Mon avis sur le contenu du stage :

"Super formateur ! Excellent niveau !"

Mon avis sur le formateur :

"Un formation qui répond exactement au besoin."

Ce que j'ai le plus apprécié :

"Cours bien structurés et TP en adéquations avec le cours et surtout les conseils d'un expert qui maitrise son sujet et a un bon background."

Ce que j'ai le moins apprécié :

"RIEN"

ZA
5/5

Mon avis sur le contenu du stage :

"très bonne méthode "

Mon avis sur le formateur :

"Excellent, Dynamique, il a une bonne méthode. "

Mon avis sur la salle de formation :

"manque de badges"

Ce que j'ai le plus apprécié :

"le sapin, le vrai !"

Ce que j'ai le moins apprécié :

"pas d'acces a la terrasse"

POULAIN Nicolas
5/5

Mon avis sur le contenu du stage :

"Un tour très complet de React."

Mon avis sur le formateur :

"Valentin fait preuve de pédagogie sur un sujet très technique qu'il maîtrise vraiment."

Ce que j'ai le plus apprécié :

"Des démos percutantes"

Ce que j'ai le moins apprécié :

"Ø"

GA
5/5

Mon avis sur le formateur :

"Excellent formateur. Très pédagogue, qui explique très bien, un vrai plaisir. Il prend le temps de bien expliquer les choses pour être sûr qu'on appréhende la suite sur des bases solides. Ravie de ce formateur"

Ce que j'ai le plus apprécié :

"Le formateur."

Ce que j'ai le moins apprécié :

"RAS"

OG
4/5

Mon avis sur le contenu du stage :

"Beaucoup de monde mais ça avançait plutôt bien"

Mon avis sur le formateur :

"Très intéressant, sait de quoi il parle, même si au début un peu perdu car bosse sur angular en ce moment"

Ce que j'ai le plus apprécié :

"Café, eau, jus de fruit, et gâteaux disponibles gratuitement."

FG
4/5

Mon avis sur le contenu du stage :

"Globalement, je suis satisfait du contenu de la formation. Il aurait surement fallu une journée de plus pour pouvoir voir les éléments à 100%. "

Mon avis sur le formateur :

"Je suis très satisfait du formateur."

Ce que j'ai le plus apprécié :

"Bon contact avec le formateur et les autres participants."

SUISSA Michel
4/5

Mon avis sur le contenu du stage :

"Nécessite un prérequis à définir ou bien un jour supplémentaire pour appréhender toutes les notions."

Mon avis sur le formateur :

"Plutôt satisfait de la compétence du formateur."

Ce que j'ai le plus apprécié :

"Espace de formation confortable pour le nombre de participants. "

VS
4/5

Mon avis sur le contenu du stage :

"Impossible de faire tenir le programme en 3 jours"

Mon avis sur le formateur :

"Super sympa"

Ce que j'ai le plus apprécié :

"Formateur super disponible"

Ce que j'ai le moins apprécié :

"Nous avons couvert tous le programme mais ca reste un peu du soupoudrage"

GI
4/5

Mon avis sur le contenu du stage :

"J'aurais aimé avoir un support de cours plus détaillé"

Mon avis sur le formateur :

"Animateur au top, disponible pour répondre aux différentes questions"

Ce que j'ai le plus apprécié :

"Échanges, disponibilité de l'animateur pour répondre aux questions"

SC
5/5

Mon avis sur le contenu du stage :

"J'ai énormément appris durant ce stage malgré un niveau correct dans ce domaine. C'est en plus des choses que je peux mettre en pratique dès aujourd'hui dans mon quotidien."

Mon avis sur le formateur :

"Excellent à tout point de vue. Très bon pédagogue, les supports sont extrêmement complets, j'ai beaucoup appris."

RT
4/5

Mon avis sur le contenu du stage :

"Une image de l'architecture React.js aurais été un plus."

Ce que j'ai le plus apprécié :

"Propreté des locaux + Prêt d'ordinateur pendant la formation + bloc note + clés USB + Café + gâteau"

Ce que j'ai le moins apprécié :

"Travaux"

SCARELLA Jeremy
5/5

Mon avis sur le contenu du stage :

"Formation complète sur React avec des TP cohérents et qui permettent de passer de la théorie à la pratique."

Mon avis sur le formateur :

"Thierry est très à l'écoute et bon pédagogue."

Mon avis sur la salle de formation :

"Formation à distance"

OY
5/5

Mon avis sur le contenu du stage :

"Cette formation a plus que répondu à mes attentes, l'animateur a su nous apprendre plus que les bases de la Techno React. Cette formation m'a rendu opérationnelle sur de futurs projets React."

Mon avis sur le formateur :

"Excellent animateur, très pédagogue et partage au maximum ses connaissances sur l'environnement WEB."

BA
5/5

Mon avis sur le contenu du stage :

"Un peu plus d'exemples complets pour les personnes qui comprennent plus par l'exemple en complément des exemples courts dans le cours. Des liens vers la correction des exercices serait également pratique."

Ce que j'ai le plus apprécié :

"Du matériel à disposition fonctionnel et des salles de travail confortables."

OP
4/5

Mon avis sur le formateur :

"Merci Stéphane ;-)"

Ce que j'ai le plus apprécié :

"Disponibilité de l'animateur."

Ce que j'ai le moins apprécié :

"Peut être la création de composant partagé simple qui serait réutilisé à la fin de la formation."

LS
5/5

Mon avis sur le contenu du stage :

"Travaux pratiques adaptés au niveau, facilement compréhensibles. Le support est de très bonne qualité (lisible, diapo pas surchargées ...)."

Mon avis sur le formateur :

"Excellente connaissance de React. Explique très bien et prend le temps pour chacun. Demande toujours notre avis."

CF
5/5

Mon avis sur le contenu du stage :

"Beaucoup de contenu pour seulement 3 jours mais très intéressant"

Mon avis sur le formateur :

"Super formateur, il sait de quoi il parle, il explique bien et reste à l'écoute"

Mon avis sur la salle de formation :

"Formation à distance"

CM
5/5

Mon avis sur le contenu du stage :

"Formation très intéressante et très claire !"

Mon avis sur le formateur :

"Un grand merci à Nicolas pour la qualité de sa formation !"

Mon avis sur la salle de formation :

"Cadre très agréable"

LA
5/5

Mon avis sur le contenu du stage :

"J'aurais aimé voir les tests unitaires avec React : Jest, Enzyme, etc."

Ce que j'ai le plus apprécié :

"- Café / Thé / gateaux en libre service et gratuit. - Accès à un ordinateur sans environnement prédefini. - Bonne connexion internet."

RJ
5/5

Mon avis sur le contenu du stage :

"Stage très complet : le contenu va des points les plus basiques à des aspects très avancés."

Mon avis sur le formateur :

"Animateur compétent et très à l'écoute. Adapte les exemples aux questions et aux demandes."

DE CARVALHO Joaquim
5/5

Mon avis sur le contenu du stage :

"Le support ne se suffit absolument pas à lui même, difficile de revoir les notions avec"

Mon avis sur le formateur :

"top"

Ce que j'ai le plus apprécié :

"Les tp bien rythmés"

MANSOURI Merzouke
5/5

Mon avis sur le contenu du stage :

"TOP, je me sens prêt à travailler avec le framework React aujourd'hui."

Mon avis sur le formateur :

"Excellent, à l'écoute, sympa, avec une envie de partage des connaissances qu'on ressent, c'est un excellent formateur."

PN
5/5

Mon avis sur le formateur :

"Merci à Jean-Baptiste, très bon pédagogue"

Mon avis sur la salle de formation :

"J'ai suivi la formation à distance"

Ce que j'ai le moins apprécié :

"Aucun"

PGK
5/5

Mon avis sur le contenu du stage :

"Bon qualité du support et des travaux pratiques "

Mon avis sur le formateur :

"Excellent disposition et explications très claires "

Mon avis sur la salle de formation :

"RAS"

TH
4/5

Mon avis sur le contenu du stage :

"Nouvelle notion acquise, à consolider avec le travail quotidien en entreprise"

Mon avis sur le formateur :

"Parfois un petit peu trop rapide, car le formateur maitrise parfaitement son sujet mais pas nous :) "

BERTRAND Lucas
5/5

Mon avis sur le contenu du stage :

"Contenu à jour avec les technologies et syntaxes actuelles ;)"

Mon avis sur le formateur :

"Formateur très à l'écoute, sait de quoi il parle et très pédagogue !"

CP
4/5

Ce que j'ai le plus apprécié :

"Disponibilité de l'intervenant. Réactivité de PLB pour la machine à distance. TPs"

Ce que j'ai le moins apprécié :

"Un peu rapide sur la fin. "

MADIE William
5/5

Mon avis sur le formateur :

"Très bon pédagogue et surtout très disponible !"

Ce que j'ai le plus apprécié :

"Le matériel et les locaux au top, cadre agréable."

PRIEUR Benjamin
5/5

Mon avis sur le contenu du stage :

"Une complexité présente mais sans trop l'être. Très bien"

Ce que j'ai le plus apprécié :

"Accompagnement permanent"

OF
4/5

Mon avis sur le formateur :

"Merci d'avoir adapter le nombre de travaux pratique par rapport au théorique."

Mon avis sur la salle de formation :

"Formation en intra."

SD
5/5

Mon avis sur le formateur :

"À l'écoute, plein de conseils"

Ce que j'ai le moins apprécié :

"Moins de dynamisme à distance"

DELAPORTE Raphael
4/5

Ce que j'ai le plus apprécié :

"Qualité du formateur"

Ce que j'ai le moins apprécié :

"Formation en distanciel"

BP
5/5

Mon avis sur le formateur :

"Parfait"

Mon avis sur la salle de formation :

"Formation réalisée dans l'entreprise"

FR
5/5

Mon avis sur le formateur :

"Formation très agréable, le formateur est très consciencieux, s'assure que personne ne soit perdu en cours de route."

BL
4/5

Mon avis sur le formateur :

"Le formateur s'est vraiment montré très compétent. il a su répondre à mes nombreuses questions."

BBC
4/5

Mon avis sur le contenu du stage :

"Pertinent, orienté vers l'essentiel. le plus important sur les bonnes pratiques."

NA
4/5

Mon avis sur le formateur :

"Très dynamique et intéressant. Pédagogue et Aidant. Merci au formateur."

HH
4/5

Ce que j'ai le plus apprécié :

"Matériel mis à disposition, salle de pause"

CROMBEZ Vincent
5/5

Mon avis sur le formateur :

"Formateur très bon techniquement et très pertinent."

VN
5/5

Mon avis sur le formateur :

"Explique bien et à l'écoute de tous."

LL
4/5

Ce que j'ai le plus apprécié :

"Matériel fourni, locaux"

CG
5/5

Ce que j'ai le plus apprécié :

"Formateur de qualité."

MN
5/5

Mon avis sur le formateur :

"Un excellent formateur !"

BOURGEOIS bastien
5/5
BY
5/5
SN
5/5
DT
5/5
DIEU Thuy
4/5
FOY Killian
5/5
VG
5/5
CS
5/5
VANDENHENDE Philippe
5/5
RP
5/5
BOUTROS Georges
5/5
RA
4/5
SJ
4/5
BC
5/5
GB
4/5
DG
5/5


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB