Depuis sa sortie en 2013, le framework JS React a révolutionné le développement front-end. Développé et maintenu par Facebook en open source, sa versatilité et son écosystème riche sont à la base de nombreuses applications modernes.
Lors de cet apprentissage, vous étudierez les grands principes du fonctionnement de ce framework afin d’être autonome sur l'écriture de code React avec les hooks.
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.
Elle est réalisée avec TypeScript
Grâce à la création d’un projet en condition réelle, vous mettrez directement en application les notions apprises durant le cours.
Vous connaissez React et avez envie d’en savoir encore plus ? Notre formation React avancé est faite pour vous.
Pour découvrir d'autres frameworks front-end, jetez un œil à l'une de nos formations dédiées : Vue.js, Svelte, Angular.
Ê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
Introduction : Rappels JS et ES6
Comprendre les origines de React
Appréhender le concept fondamental d’architecture par composants
Etudier le flux de données unidirectionnel d’une application React
Utiliser le DOM virtuel afin d’optimiser les opérations
Ecrire les composants en JSX
Installer et faire ses premiers pas en React
Mises en pratique :
- Écriture de JSX simple
- Instanciation et création de composants
Jour 2 : É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
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
Mises en pratique :
- Création de composants
- Manipulation du state
Routage
- Utilisation du routage en Single Page Application pour la navigation entre les vues
Mises en pratique :
- Création d'un plan de routing et d'un menu de navigation
Jour 3 : Ecosystème
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 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.
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.
Fasciné par la façon dont le code peut transformer des idées abstraites en applications concrètes
Ma passion pour la résolution de problèmes technique m'a naturellement guidé vers le monde du développement
Témoignages
4.6/5Basé sur 271 avis*
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.
MC
Manon C.
Manon CENCIER
Formation complète et adaptée a notre niveau de compétence. Merci à Florent, notre formateur, qui a su être très pédagogue.
MH
Mounir H.
CNRS
Top :-)
LF
Léo F.
CNRS
Formateur compétent, dynamique et pédagogue. Le programme était complet est adapté à notre groupe.
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 !
EP
Eric P.
Méteo France
tres bon stage
BF
Bernard F.
Méteo France
Formateur qui maîtrise son sujet et arrive facilement à le transmettre à un public amateur.
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.
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.
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.
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.
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.
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.
PP
Paul P.
Seloger.com
Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.
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.
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 2224 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 : 104 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