• Best

Formation ReactJS : Développement Web

4.6 sur 5 étoiles

5 étoiles
63%
4 étoiles
34%
3 étoiles
2%
2 étoiles
0%
1 étoile
0%
Voir les 46 avis
(46 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 debugTravaux 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 JSXTravaux 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 virtuelTravaux 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 NextJsTravaux 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.

Dates et lieux

1
2
3
4
5
Du 05 au 07 juin 2023
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 05 au 07 juin 2023
Lieu
Paris
Durée
3 jrs
1860 € HT
Du 14 au 16 juin 2023
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 14 au 16 juin 2023
Lieu
Paris
Durée
3 jrs
1860 € HT
Du 19 au 21 juin 2023
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 19 au 21 juin 2023
Lieu
Paris
Durée
3 jrs
1860 € HT
Du 19 au 21 juillet 2023
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 19 au 21 juillet 2023
Lieu
Paris
Durée
3 jrs
1860 € HT
Du 16 au 18 août 2023
Lieu
Distanciel
Durée
3 jrs
1860 € HT
Du 16 au 18 août 2023
Lieu
Paris
Durée
3 jrs
1860 € HT
1
2
3
4
5

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(46)

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.

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"

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"

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."

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. "

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"

NA
4/5

Mon avis sur le formateur :

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

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."

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."

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."

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."

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."

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."

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"

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 !"

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"

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."

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."

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"

BBC
4/5

Mon avis sur le contenu du stage :

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

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"

BC
5/5
SJ
4/5
RA
4/5
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"

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"

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."

BOUTROS Georges
5/5
RP
5/5
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."

LL
4/5

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

"Matériel fourni, locaux"

CS
5/5
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"

HH
4/5

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

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

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."

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 "

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."

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"

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."

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. "

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."

BP
5/5

Mon avis sur le formateur :

"Parfait"

Mon avis sur la salle de formation :

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

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"

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"

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"

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."


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