Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?
Rappel Email
Dates
Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)
Durant cette formation React de 3 jours, vous apprendrez à maîtrisez les bases du framework React.
React a révolutionné le développement front-end depuis sa sortie en 2013. Il fait aujourd'hui tourner un grand nombre d'applications modernes. Développé et maintenu par Facebook en open source, sa versatilité et son écosystème riche en font un des outils les plus populaires du secteur.
Cette formation React vous propose de comprendre les grands principes qui ont permis à React de s'imposer comme la référence du développement front-end, et de les mettre en pratique au travers d'un projet fil rouge.
Vous ressortirez de cette formation React en ayant compris son fonctionnement, ainsi qu'en étant autonome sur l'écriture de code React, version classes ou hooks.
Cette formation est destinée à des développeurs et développeuses Javascript expérimentés désirant acquérir la confiance nécessaire pour se lancer dans le grand bain React.
Envie d'aller plus loin ?
Si vous avez déjà un peu d’expérience avec React et que vous avez envie de découvrir des patterns avancés, l'optimisation de performances ou encore les tests avec React, jetez un oeil à notre formation React Avancé.
Pour découvrir d'autres frameworks front-end, jetez un oeil à l'une de nos formations dédiées :
- Vue.js,
- Svelte,
- ou encore Angular.
Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
🇺🇸 This training is also available in English
Les objectifs
- Comprendre les principes de React
- Être autonome dans la lecture et l'écriture de JSX
- Créer des composants classes et fonctionnels
- Utiliser les hooks principaux
- Écrire une application React complète
Pré-requis
- 1 an d'expérience avec Javascript
- Être familier avec la syntaxe ES6 (fonctions flèches, destructuration, …)
- Maîtriser la manipulation de tableaux (
forEach,map) - Être capable de consommer des Promesses
- Ordinateur portable à apporter
Le programme de la formation React
Introduction
Rappels Javascript et ES6
Jour 1 : Comprendre et utiliser React
- Origines de React
- Architecture par composants
- Flux de données unidirectionnel
- DOM virtuel
- JSX
- Installation et premiers pas
Mises en pratique :
- Écriture de JSX simple
- Instanciation de composants
Jour 2 : Étude des composants
- La boucle de rendu
- Les
props - Le
state - Cycle de vie
- Formulaires
- Composants fonctionnels stateless
- Optimisations
Mises en pratique :
- Création de composants classes
- Manipulation du state
- Utilisation du cycle de vie
Jour 3 : Les Hooks et l'écosystème
Hooks
- Problèmes des composants classes
- Concept et règles des hooks
- Hooks principaux
- Autres hooks
Écosystème
Présentation de différents éléments importants de l'écosystème React : Redux, React Router, Storybook, NextJS...
Mises en pratique :
- Transformation de composants stateful Classes en Fonctions avec les hooks
- Selon le temps restant et les envies, intégration d'un module d'écosystème
Le(s) formateur(s)
Nicolas Chambrier
Nicolas Chambrier est expert dans les technologies du web chez le Byteclub, et notamment JavaScript aussi bien côté client (jQuery, HTML5, DOM…) que serveur Node.js.
Après un démarrage en tant que "techos à tout faire" dans une petite société d'informatique, il a affûté ses talents de développeur et d'architecte logiciel et réseau en agence web, avant de devenir "DevOps" indépendant. Vous pouvez suivre ses expériences sur Node.js sur son blog. Vous pourrez également le rencontrer régulièrement au LyonJS dont il est un membre actif.
Vous pourrez trouver une interview de Nicolas sur le blog de Human Coders
Romain Crestey
Développeur web indépendant, Romain est fan de NodeJS, React/Redux, Typescript, ThreeJS et quelques autres. Auparavant, il était associé-hacker au sein de Ants, et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.
Emmanuel Demey
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, tout d’abord chez Worldline puis chez Zenika.
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.
Florent Berthelot
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).
Vive le web, Vive le JS et Vive l'artisanat!
Evan Boissonnot
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 !
A propos de Human Coders
Human Coders c'est un centre de formation pour développeurs avec :
- une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
- de nombreux clients qui nous font confiance depuis des années
- un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
- 81 formations au catalogue, 1318 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
- la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation
35 témoignages
Formation complète et adaptée a notre niveau de compétence. Merci à Florent, notre formateur, qui a su être très pédagogue.
Manon CENCIER
Top :-)
Mounir HABSAOUI
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 !
Clément DREPTIN
Formateur compétent, dynamique et pédagogue. Le programme était complet est adapté à notre groupe
Léo FELIX
Formateur qui maîtrise son sujet et arrive facilement à le transmettre à un publique amateur
Bernard Foy
tres bon stage
Eric Phegnon
Bon équilibre cours/TP TP ludique => très appréciable
Vincent Ducastin
Pouvoir récupérer le code du formateur sur github est très pratique.
Jean-François Menon
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.
Eddy LEMARIE
Super formateur, il a été trèès clair
Richard RABILLON
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.
Arnaud GOUREMAN
Très bonne formation, assez intense mais bien construite avec des bons TPs pour apprendre les bases/partie avancé de React
Julien SAMSON
Très bonne formation, Romain s'est montré très pédagogue et disponible durant les 3 jours, je recommande.
Hugo SAINTE CLUQUE
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 !
Zack FOURNIER
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.
Baptiste FAVRE
Bonne formation avec un très bon formateur
David COSSEDU
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.
Ismael Gorissen
très chouette formation
Romain Luyten
Nicolas a été patient, ne nous dévalorise jamais et s'est adapté à notre niveau
Benoite LALLEMAND
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.
Andres DIE MORAN
Très bon formateur (Emmanuel). Dommage que ça soit a distance a cause du covid
Mouloud HAOUILI
Les explications étaient claires et le rythme adapté
Florent VOLLMER
Formation complète pour comprendre les bases de React.
Julie INGIGNOLI
Bonne formation permettant d'obtenir les bases de ReactJS. Attention il faut avoir une bonne connaissance de Javascript.
Philippe FERREIRA
Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.
Paul PLAYE
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.
Kevin DIAS
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é.
Paul RIVIERE
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.
William BECKER
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).
Henri CAZOTTES
Excellente formation. Tous les sujets attendus ont été évoqués. Nicolas est un très bon formateur.
GODIN Matthieu
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.
Henri CAZOTTES
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
Alexandre WETZLER
La formation est très bien ! Il faut néanmoins avoir quelques connaissances Javascript avant de commencer.
Michaël METRICH
Formation top ! On est parti du contexte historique de javascript pour remonter jusqu'au contexte actuel et ainsi attaquer la formation. Très intéressant, pas mal de TP, ce qui personnellement me convient très bien !
Alix Brunsperger
Formation très intéressante pour parcourir tout l'univers de react.js
Fabrice Trey
Besoin d'aide ?
Nos forces
- Des formations à taille humaine
- Des formateurs passionnés
- Des véritables workshop
Nos clients
Durant cette formation React de 3 jours, vous apprendrez à maîtrisez les bases du framework React.
React a révolutionné le développement front-end depuis sa sortie en 2013. Il fait aujourd'hui tourner un grand nombre d'applications modernes. Développé et maintenu par Facebook en open source, sa versatilité et son écosystème riche en font un des outils les plus populaires du secteur.
Cette formation React vous propose de comprendre les grands principes qui ont permis à React de s'imposer comme la référence du développement front-end, et de les mettre en pratique au travers d'un projet fil rouge.
Vous ressortirez de cette formation React en ayant compris son fonctionnement, ainsi qu'en étant autonome sur l'écriture de code React, version classes ou hooks.
Cette formation est destinée à des développeurs et développeuses Javascript expérimentés désirant acquérir la confiance nécessaire pour se lancer dans le grand bain React.
Envie d'aller plus loin ?
Si vous avez déjà un peu d’expérience avec React et que vous avez envie de découvrir des patterns avancés, l'optimisation de performances ou encore les tests avec React, jetez un oeil à notre formation React Avancé.
Pour découvrir d'autres frameworks front-end, jetez un oeil à l'une de nos formations dédiées :
- Vue.js,
- Svelte,
- ou encore Angular.
Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
🇺🇸 This training is also available in English
Les objectifs
- Comprendre les principes de React
- Être autonome dans la lecture et l'écriture de JSX
- Créer des composants classes et fonctionnels
- Utiliser les hooks principaux
- Écrire une application React complète
Pré-requis
- 1 an d'expérience avec Javascript
- Être familier avec la syntaxe ES6 (fonctions flèches, destructuration, …)
- Maîtriser la manipulation de tableaux (
forEach,map) - Être capable de consommer des Promesses
- Ordinateur portable à apporter
Le programme de la formation React
Introduction
Rappels Javascript et ES6
Jour 1 : Comprendre et utiliser React
- Origines de React
- Architecture par composants
- Flux de données unidirectionnel
- DOM virtuel
- JSX
- Installation et premiers pas
Mises en pratique :
- Écriture de JSX simple
- Instanciation de composants
Jour 2 : Étude des composants
- La boucle de rendu
- Les
props - Le
state - Cycle de vie
- Formulaires
- Composants fonctionnels stateless
- Optimisations
Mises en pratique :
- Création de composants classes
- Manipulation du state
- Utilisation du cycle de vie
Jour 3 : Les Hooks et l'écosystème
Hooks
- Problèmes des composants classes
- Concept et règles des hooks
- Hooks principaux
- Autres hooks
Écosystème
Présentation de différents éléments importants de l'écosystème React : Redux, React Router, Storybook, NextJS...
Mises en pratique :
- Transformation de composants stateful Classes en Fonctions avec les hooks
- Selon le temps restant et les envies, intégration d'un module d'écosystème
Le(s) formateur(s)
Nicolas Chambrier
Nicolas Chambrier est expert dans les technologies du web chez le Byteclub, et notamment JavaScript aussi bien côté client (jQuery, HTML5, DOM…) que serveur Node.js.
Après un démarrage en tant que "techos à tout faire" dans une petite société d'informatique, il a affûté ses talents de développeur et d'architecte logiciel et réseau en agence web, avant de devenir "DevOps" indépendant. Vous pouvez suivre ses expériences sur Node.js sur son blog. Vous pourrez également le rencontrer régulièrement au LyonJS dont il est un membre actif.
Vous pourrez trouver une interview de Nicolas sur le blog de Human Coders
Romain Crestey
Développeur web indépendant, Romain est fan de NodeJS, React/Redux, Typescript, ThreeJS et quelques autres. Auparavant, il était associé-hacker au sein de Ants, et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.
Emmanuel Demey
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, tout d’abord chez Worldline puis chez Zenika.
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.
Florent Berthelot
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).
Vive le web, Vive le JS et Vive l'artisanat!
Evan Boissonnot
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 !
A propos de Human Coders
Human Coders c'est un centre de formation pour développeurs avec :
- une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
- de nombreux clients qui nous font confiance depuis des années
- un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
- 81 formations au catalogue, 1318 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
- la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation
35 témoignages
Formation complète et adaptée a notre niveau de compétence. Merci à Florent, notre formateur, qui a su être très pédagogue.
Manon CENCIER
Top :-)
Mounir HABSAOUI
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 !
Clément DREPTIN
Formateur compétent, dynamique et pédagogue. Le programme était complet est adapté à notre groupe
Léo FELIX
Formateur qui maîtrise son sujet et arrive facilement à le transmettre à un publique amateur
Bernard Foy
tres bon stage
Eric Phegnon
Bon équilibre cours/TP TP ludique => très appréciable
Vincent Ducastin
Pouvoir récupérer le code du formateur sur github est très pratique.
Jean-François Menon
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.
Eddy LEMARIE
Super formateur, il a été trèès clair
Richard RABILLON
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.
Arnaud GOUREMAN
Très bonne formation, assez intense mais bien construite avec des bons TPs pour apprendre les bases/partie avancé de React
Julien SAMSON
Très bonne formation, Romain s'est montré très pédagogue et disponible durant les 3 jours, je recommande.
Hugo SAINTE CLUQUE
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 !
Zack FOURNIER
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.
Baptiste FAVRE
Bonne formation avec un très bon formateur
David COSSEDU
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.
Ismael Gorissen
très chouette formation
Romain Luyten
Nicolas a été patient, ne nous dévalorise jamais et s'est adapté à notre niveau
Benoite LALLEMAND
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.
Andres DIE MORAN
Très bon formateur (Emmanuel). Dommage que ça soit a distance a cause du covid
Mouloud HAOUILI
Les explications étaient claires et le rythme adapté
Florent VOLLMER
Formation complète pour comprendre les bases de React.
Julie INGIGNOLI
Bonne formation permettant d'obtenir les bases de ReactJS. Attention il faut avoir une bonne connaissance de Javascript.
Philippe FERREIRA
Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.
Paul PLAYE
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.
Kevin DIAS
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é.
Paul RIVIERE
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.
William BECKER
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).
Henri CAZOTTES
Excellente formation. Tous les sujets attendus ont été évoqués. Nicolas est un très bon formateur.
GODIN Matthieu
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.
Henri CAZOTTES
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
Alexandre WETZLER
La formation est très bien ! Il faut néanmoins avoir quelques connaissances Javascript avant de commencer.
Michaël METRICH
Formation top ! On est parti du contexte historique de javascript pour remonter jusqu'au contexte actuel et ainsi attaquer la formation. Très intéressant, pas mal de TP, ce qui personnellement me convient très bien !
Alix Brunsperger
Formation très intéressante pour parcourir tout l'univers de react.js
Fabrice Trey
Nos clients
* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012