Cette formation React vous permettra de maîtriser les fondamentaux de React.js et d'acquérir les compétences nécessaires pour créer des applications dynamiques et performantes.
En explorant des concepts clés comme les hooks, le routage et la gestion d'état, vous serez guidé·e·s pas à pas dans la création d'un projet en conditions réelles.
Vous découvrirez comment manipuler le DOM virtuel, structurer vos composants, gérer les formulaires et consommer des API grâce à des bibliothèques modernes comme React Query ou SWR.
Cette formation est destinée à des développeur·euse·s Javascript expérimenté·e·s désirant acquérir la confiance nécessaire pour se lancer dans le grand bain React.js. Elle est réalisée avec TypeScript.
Vous connaissez déjà React.js ?
Notre formation React avancé est faite pour vous !
Très bonne formation pour s'immerger dans le monde React JS. Le programme est ambitieux et nécessite une bonne maîtrise de JavaScript pour aller au bout, le rythme est assez soutenu mais on ne voit pas le temps passer tant le sujet est intéressant et les travaux pratiques prenants.
Les objectifs
Comprendre les principes de React.js
Être autonome dans la lecture et l'écriture de JSX
Être familier avec la syntaxe ES6 (fonctions flèches, destructuration, …)
Maîtriser la manipulation de tableaux (forEach, map)
Être capable de consommer des Promesses
Avoir des bases en HTML et CSS, DOM/API navigateur (event listeners, etc).
Ordinateur portable à apporter
Le programme de la formation React
Jour 1 : Comprendre et utiliser React.js
Introduction
Rappels JS et ES6
Comprendre les origines de React.js
Appréhender le concept fondamental d’architecture par composants
Etudier le flux de données unidirectionnel d’une application React.js
Utiliser le DOM virtuel afin d’optimiser les opérations
Ecrire les composants en JSX
Installer et faire ses premiers pas en React.js
Mises en pratique :
- Écriture de JSX simple
- Instanciation et création de composants
Jour 2 : Étude des composants, Hooks et routage
Étude des composants et Hooks
Comprendre la boucle de rendu pour la gestion de l’affichage
Utiliser les props pour transmettre des données entre composants
S’approprier le state pour stocker et gérer les données
Etudier les formulaires React.js
Apprendre comment optimiser une application
Appréhender le concept des hooks et ses règles pour l’ajout de fonctionnalités aux composants
Connaître les hooks principaux et créer ses Custom Hooks
Routage
Utilisation du routage en Single Page Application pour la navigation entre les vues
Mises en pratique :
- Création de composants
- Manipulation du state
- Création d'un plan de routing et d'un menu de navigation
Jour 3 : Ecosystème de React
Récupération de données depuis une API
Utiliser des bibliothèques telles que React Query ou SWR pour récupérer des données d'une API
Ecrire des requêtes et mutations pour modifier les données d’API
Mise en pratique :
- Récupération et modifications de données sur une API
Bonus/Options
En fonction du temps disponible et du niveau des apprenants les modules suivants peuvent être aussi étudiés :
- Design system en React.js et Storybook pour le développement d'UI
- Optimisation et performance
- NextJS pour le rendu côté serveur
- L’API Context
- Les références DOM
- Gestion d’état avancé : concepts, Zustand, MobX ou Redux
- Internationalisation (avec react-i18next)
Emmanuel est consultant et formateur depuis 2009. Spécialisé dans les technologies Web et également sur la suite Elastic, il donne des formations depuis une dizaine d’années.
Toujours prêt à partager ces connaissances, il donne depuis cinq ans de nombreuses conférences en France et co-gère également l’association du GDG Lille, organisant la conférence Devfest Lille. Il est également intervenant à l’IMT Lille-Douai depuis 2019.
Aujourd’hui, Emmanuel intervient chez ces clients pour des missions d’expertise et de réalisation en apportant tout d’abord son experience sur les problématiques de qualité, maintenabilité, accessibilité et performance.
Du plaisir, du fun, avant tout passer un bon moment, c'est ce qui caractérise l'état d'esprit d'Evan tous les jours.
Passionné de code depuis plus de 20 ans, Evan a mis à profit sa passion en créant une entreprise de développement logiciel (durant 8 ans, avec 14 salariés).
Soucieux de la qualité logicielle, et adepte des démarches craftmanship, TDD et BDD, il a une vision agile et essaye de s’améliorer et progresser en permanence.
Ses amours fous : .net avec C# (ASP.NET Core), JavaScript, Angular, Node.js
Ses IDEs favoris : Visual Studio, Visual Studio Code
Ses découvertes du moment : React, Python (oui, faut pas mourir idiot quand même :=p)
Evan continue aujourd’hui à développer, pour lui, pour ses clients (audits, conseils, et réalisation).
Former est pour Evan une vocation : il aime transmettre et souhaite donner le goût de coder au plus grand nombre !
Florent est passionné du Web et des technologies qui gravitent autour. Il aime le W3C, le TC39 (quand il ne smoosh pas devant lui), le WhatWG, les frameworks JS (React, Vue.js, Node.js, Angular, ...) et la vanille.
Transmettre sa passion pour l'artisanat web occupe une part importante de son travail de développeur (meetups, formations, conférences, encadrement de stagiaires).
Gabriel accompagne des grands groupes et des start-ups dans l’élaboration et la réalisation de leurs projets digitaux avec des technologies qu’il affectionne particulièrement : ReactJS et TypeScript pour ne citer qu’elles.
Au travers de ses formations, il vous partage l’expérience acquise sur le terrain au gré des différents projets auxquels il a pu contribuer. Il se donne pour objectif de transmettre les bonnes pratiques des outils et technologies discutées afin d’améliorer l’impact du travail de développeur : en bref, vous communiquer un véritable artisanat et savoir-faire.
Guillaume est un développeur passionné avec plus de 14 ans d’expérience, dont 8 ans consacrés à JavaScript et React.
Après avoir débuté dans le développement Android en 2009, il a élargi ses compétences au multiplateforme puis a évolué dans le monde de la publicité
Aujourd’hui, il mène des missions en React et React Native en recherchant à innover dans les mécanismes publicitaires en ligne.
Son approche pédagogique se distingue par son focus sur la pratique. Guillaume structure ses formations avec des présentations théoriques concises, suivies de longues phases pratiques. Grâce à des projets fil rouges, il guide les participants à travers des apprentissages progressifs et concrets, permettant une maîtrise approfondie.
Avec une solide expérience en formation, Guillaume sait adapter ses explications aux besoins de ses apprenants, qu’ils soient débutants ou expérimentés. Que vous souhaitiez découvrir ou vous perfectionner, ses formations interactives et orientées projet vous offriront un cadre idéal pour progresser !
Statisticien de formation, expert en métadonnées, Nicolas s’est rapidement orienté vers l'informatique au sein d’une grande administration.
A travers le web sémantique, la construction et la mise à disposition de données interopérables (RDF), il a fait ses premières armes (Java, SPARQL). Rapidement attiré par le côté ludique du développement d’applications web, il s’est tourné vers le développement front-end (par exemple l'application Bauhaus ou la librairie Lunatic), jusqu’à devenir expert et lead formateur React (formations, tutorats, bootcamps...).
Participant à de nombreux projets statistiques internationaux, Nicolas assure la mise en place des outils et des systèmes d’information associés. La majorité de son activité est open-source, mobilisant notamment les plate-formes Github, Dockerhub, NPM...
Nicolas a rejoint depuis peu la société Making Sense, où il alterne entre des missions d’expertise méthodologique et de développement web.
Wilfried est un développeur passionné spécialisé dans l'écosystème React depuis plus de 8 ans. Co-organisateur des meetups React à Paris, Wilfried se distingue par son approche collaborative et son désir de transmettre ses connaissances aux développeurs juniors.
En tant que formateur, Wilfried a déjà encadré de nombreux développeurs débutants, leur offrant une base solide pour maîtriser React et intégrer rapidement de bonnes pratiques de développement. Il est également très attentif aux besoins des utilisateurs, ce qui lui permet d'apporter une dimension humaine à son approche technique.
Si vous cherchez à apprendre React avec un formateur expérimenté et passionné, capable de rendre les concepts techniques accessibles, Wilfried est le mentor qu’il vous faut !
Témoignages
4.6/5Basé sur 297 avis*
AT
Anne T.
CGG Services SAS24.03.2025
Wilfrid est extrêmement pédagogue et s'assure que tout le monde suive bien le cours et arrive à faire les TPs. Pour un cours en distanciel, ce n'est pas une tâche aisée mais il fait ça très bien ! Bravo !
PH
Patrice H.
Place de la formation18.11.2024
Très bonne formation pour s'immerger dans le monde React JS. Le programme est ambitieux et nécessite une bonne maîtrise de JavaScript pour aller au bout, le rythme est assez soutenu mais on ne voit pas le temps passer tant le sujet est intéressant et les travaux pratiques prenants.
LB
Laurent B.
B&C18.11.2024
Programme au top et très bonnes conditions pour effectuer cette formation React en présentiel à Paris. Merci à Nicolas, pour son professionnalisme et son suivi.
MS
Matthieu S.
Job Explorer21.10.2024
La formation a parfaitement répondu aux attentes.
L'intervenant connait très bien le sujet, est pédagogue et agréable prenant bien le temps d'avancer au rythme des participants.
SM
Sylvain M.
Job Explorer21.10.2024
Super contact avec N. Laval ! Merci beaucoup !
AM
Alexis M.
Fédération Française de Tennis03.06.2024
Très bon équilibre théorie / pratique. Formateur de qualité. Rien à redire.
RM
Rudy M.
Cadoles26.02.2024
Sur certains points, clés passage un peu rapide, mais comprhénesion au fur et à mesure
AF
Arnaud F.
Cadoles26.02.2024
Très bien
AM
Adlene M.
IVALUA12.02.2024
Super introduction to React coding
MV
Mathieu V.
MERITIS REGIONS04.12.2023
Malgré quelques difficultés techniques de partage d'écran ou de connexion le premier jour, la formation a été très intéressante et très complète sur les bases de React !
GF
Guillaume F.
CERIB20.11.2023
Avoir des bases corrects en JS et TypeScript pour pouvoir profiter de la formation et si possible des idées de projets a réaliser rapidement après la formation pout valider les acquis.
Un formateur passionné toujours de très bonne humeur, c'est agréable.
AL
Alix L.
FIOULMARKET20.11.2023
Formation complète pour apprendre les bases, très bien expliqués et mise en pratique au top, le formateur est un passionné qui accompagne l'apprentissage des acquis.
LM
Ludovic M.
Saint Gobain PAM canalisations20.11.2023
Formation complète qui reprend les bases tout en expliquant les bonnes pratiques et en allant de plus en plus dans le détails. Permet d'avoir une bonne connaissance des fondamentaux en React afin d'avoir les clés pour approfondir nos connaissances. Merci à Evan qui nous a fait partager sa passion et sa bonne humeur tout au long de la formation.
BD
Benjamin D.
Combodo09.10.2023
Bonne formation d'initiation à React.
Vision globale des possibilités offertes par la bibliothèque.
Aperçu de l'écosystème autour de React.
Formateur à l'écoute et qui adapte le contenu aux besoins.
TL
Thierry L.
L'argus25.09.2023
J'avais déjà fait un peu de React et ça m'a permis de clarifier et de bien poser les choses. La formation est bien adaptée a ce qui se pratique en entreprise.
YB
Yassim B.
L'argus25.09.2023
Bravo à Gabriel qui a su animer une formation débutant sur REACT, ce qui nous permettra de démarrer un nouveau projet. Le rythme et le programme sur 3 jours est très bien. Merci pour l'athmosphère et le cadre donné :)
Je recommande !
JA
JAMES A.
Conseil Départemental de la Gironde18.09.2023
Très bien
DF
Damien F.
L'argus12.06.2023
très bien. maintenir le niveau
MC
Manon C.
Manon CENCIER22.05.2023
Formation complète et adaptée a notre niveau de compétence. Merci à Florent, notre formateur, qui a su être très pédagogue.
SP
Séphan P.
Thom Group29.03.2023
Super formation. Super formateur.
SE
Sébastien E.
Thom Group29.03.2023
Très bon formateur avec une formation très clair et très prenante !
MH
Mounir H.
CNRS
Top :-)
CD
Clément D.
CNRS
Formateur AU TOP ! Maîtrise parfaitement son sujet, très pédagogue. Le programme est très riche sans être insurmontable. Juste ce qu'il faut de théorie et beaucoup de pratique, tout ce que l'on aime !
LF
Léo F.
CNRS
Formateur compétent, dynamique et pédagogue. Le programme était complet est adapté à notre groupe.
EP
Eric P.
Méteo France
tres bon stage
VD
Vincent D.
Méteo France
Bon équilibre cours/TP
TP ludique => très appréciable
JM
Jean-François M.
Méteo France
Pouvoir récupérer le code du formateur sur github est très pratique.
BF
Bernard F.
Méteo France
Formateur qui maîtrise son sujet et arrive facilement à le transmettre à un public amateur.
RR
Richard R.
Richard RABILLON
Super formateur, il a été trèès clair
EL
Eddy L.
Bureau Veritas
C'est ma 2ème formation avec Human Coders et ce sont les 2 meilleures formations que j'ai reçues. Formateur compétent, sympatique et à l'écoute Merci beaucoup.
AG
Arnaud G.
Adevinta France
La formation ReactJS sur mesure que j'ai passée a été bénéfique en grande partie pour bien rentrer dans le langage ReactJS. Cela m'a permis d'apprendre rapidement ses concepts principaux ainsi que ses applications possibles dans le cadre de notre développement de notre logiciel Web.
JS
Julien S.
Adevinta France
Très bonne formation, assez intense mais bien construite avec des bons TPs pour apprendre les bases/partie avancé de React
ZF
Zack F.
VIgnoblexport
Top ! Travaillant majoritairement avec PHP, je ne connaissais pas du tout React et j'avais seulement des bases en Javascript. En plus de React j'ai pu apprendre beaucoup de chose sur JS (notamment la gestion des tableaux), encore merci !
HS
Hugo S.
Groupe SAVE
Très bonne formation, Romain s'est montré très pédagogue et disponible durant les 3 jours, je recommande.
BF
Baptiste F.
Groupe SAVE
le formateur a pris le temps pour le partage d'ecran et nous aider à ecrire le code. Les explications étaient claires et les exercices pertinents.
OM
Oum M.
Pole Emploi07.12.2021
Un grand merci au formateur Romain et à ses qualités d’enseignant.
Tout paraît plus simple avec lui. Il a su nous partager ses connaissances de manière pédagogique ce qui est essentiel pour un bon apprentissage.
Le programme est complet et permet de débuter React sur des bases solides.
Je suis très satisfaite et recommande cette formation.
DC
David C.
FOUSSIER Quincaillerie
Bonne formation avec un très bon formateur
BA
Benjamin A.
VYV3 IT21.06.2021
Très bonne formation aussi bien sur le fond, la forme que le rythme.
Formateur très pédagogue et de bon conseils.
RL
Romain L.
Keystone Solutions SPRL
très chouette formation
IG
Ismael G.
Keystone Solutions SPRL
Ravie d'avoir participé à cette formation concernant la base sur React. Cela ma permis d'avoir un meilleur aperçu sur le fonctionnement de React ainsi que la manière dont on doit réfléchir pour mettre en place l'architecture, qui peut parfois être assez complexe.
BL
Benoite L.
Probikeshop - Dolphin France
Nicolas a été patient, ne nous dévalorise jamais et s'est adapté à notre niveau
AD
Andres D.
Pythie Ingénierie
Comme toujours, une formation Human Coders au top avec un formateur expert et une ambiance agréable ! Toutes les bases techniques, bonnes pratiques et conseils sur les bons outils pour pouvoir intégrer des applications React avec assurance.
PH
Pascal H.
Re:Sources France25.11.2020
Déjà fait (sur l'autre sondage)
MH
Mouloud H.
Ouidou Consulting
Très bon formateur (Emmanuel). Dommage que ça soit a distance a cause du covid
FV
Florent V.
Ouidou Consulting
Les explications étaient claires et le rythme adapté
JI
Julie I.
Human Coders
Formation complète pour comprendre les bases de React.
PF
Philippe F.
Airgeme SAS
Bonne formation permettant d'obtenir les bases de ReactJS. Attention il faut avoir une bonne connaissance de Javascript.
CB
Christophe B.
ACSEO10.06.2020
Formateur très pédagogue. La formation est assez dense car beaucoup de notions sont abordées sur un laps de temps très court (besoin de pratiquer davantage pour assimiler tous les concepts).
HC
Henri C.
Logilab
Malgré le contexte, la formation à distance avec Romain s'est super bien déroulée. Le système de tableau pour faire des schémas et le partage d'écran on permis de suivre convenablement la formation.
Ce système a encore été amélioré quand tous les participants ont partagé leur écran (on pouvait alors aller voir le travail des autres, et le formateur pouvait suivre notre avancement).
GM
GODIN M.
Ibanfirst
Excellente formation. Tous les sujets attendus ont été évoqués. Nicolas est un très bon formateur.
HC
Henri C.
Logilab
Très bonne ambiance, Romain est quelqu'un de très sympathique et pédagogue. Il a de l'expérience et apporte des réponses de terrain. Il a aussi une bonne culture de l'écosystème JS ce qui m'a permis de découvrir Svelte.
TR
Thierry R.
Groupe La Centrale18.09.2019
La formation aurait mérité un ou deux jours supplémentaires, le rythme était TRES soutenu.
WB
William B.
TECHadvantage
Nicolas maitrise bien son sujet, reviens bien sur les bases de javascript, ce qui peut être très interessant pour quelqu'un de peu expérimenté sur ce langage.
On ressort de la formation avec une très bonne vision de l'architecture de react. Un peu rapide sur certains points, mais on a eu le temps de bien s'exercer sur les points principaux utiles pour développer en react.
AW
Alexandre W.
WHEELIZ
Vraiment une excellente formation, le formateur maitrisait extrêmement bien son domaine et était facilement capable de répondre à des questions complexe. Bien que travaillant sous react depuis quelques mois j'ai pu avoir l'explication de concept que j'utilisai sans vraiment les comprendre et ça a vraiment faciliter ma compréhension dans plusieurs choses
YL
Yannick L.
INERIS17.04.2019
Programme riche sur un rythme plutôt soutenu.
PP
Paul P.
Seloger.com
Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.
AM
Anthony M.
SPLIO12.06.2018
La formation demande de bonnes bases en programmation, patterns et JavaScript. Mais la découverte de React et Redux peut se faire sans avoir de notion dans ces frameworks
AV
Arnaud V.
Lumapps25.04.2018
Excellente formation qui couvre un spectre large de l'écosystème JavaScript / React et qui inclus les dernières mises à jour du framework. Bruno a réussi à trouver le bon équilibre entre théorie et pratique (spoiler alert : beaucoup de pratique !) en augmentant la difficulté et en introduisant chaque concept au fur et à mesure des 3 jours !
BG
Benoït G.
Lumapps25.04.2018
Très bon formateur, beaucoup de sensibilité à suivre le rythme de tous.
Beaucoup d'outils et de savoir acquis.
PR
Paul R.
ITLINK
Une formation très intéressante, qui remet en place les fonctionnements poussés de JS et qui part du principe de donner la philosophie du framework en plus de la technicité.
KD
Kevin D.
NEWSWEB
La formation RactJS de Human Coders a répondu à toutes mes attentes. Pendant trois jours, on apprends tout ce qui est nécessaire à l'utilisation de ce framework. Les cours et TP sont bien structuré, le formateur très compétent, pédagogue, et très sympathique.
LM
Ludovic M.
E-Liberty Services26.04.2017
Formation React de qualité, le formateur a été disponible et très didactique.
JM
Julien M.
Be Api31.03.2016
La partie Redux (pas lié à la pédagogie de l'intervenant, vraiment le sujet est abstrait) est complexe - soyez vraiment bien à l'aise en JS et accrochez-vous.
FAQ
Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.
Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.
Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)
Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.
Voici une journée type :
9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
9h30 : la formation commence
12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
14h : reprise de la formation
18h : fin de la journée
8 raisons de participer à une formation Human Coders
Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1651 sessions réalisées). 99% des participants se disent satisfaits de nos formations
Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
Catalogue de formations complet : 172 formations au catalogue, de quoi vous accompagner sur tout vos projets
Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux