Formation React

Notée : (174)

Formez-vous à ReactJS : la bibliothèque JavaScript de Facebook libre et open-source

Prix (Formation inter-entreprise)

1700€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Le framework React propose une façon pragmatique d'aborder le développement de composants Web et de les structurer en interface utilisateur complexe.

Lors de cette formation React, composée essentiellement de travaux pratiques, vous verrez :
- les différents principes de la librairie,
- sa vision singulière
- les syntaxes et bonnes pratiques,
- les tests,
- ainsi que l'outillage.

Durant les mises en pratique, vous réaliserez une application graphique complète afin de mettre en oeuvre toutes les notions vues.

Si React reste bien entendu le principal sujet de cette formation, une multitude de notions annexes autour de JavaScript et du Web en général seront abordées en complément :
- les Promesses,
- le duo async/await,
- les nouveautés en préparation par le TC39,
- mais aussi GraphQL, React Native, SASS, le vectoriel, Elm…

Covid-19 : Nous nous adaptons dans ces moments difficiles. Nous avons mis en place des outils permettant l'organisation de formations à distance.

Les objectifs

  • Découvrir React, son fonctionnement et son écosystème
  • Décrire un arbre de composants en ES2017+, puis saupoudré de JSX
  • Maîtriser la gestion globale d’état et intégrer l'architecture Flux avec Redux
  • Mettre en place un environnement de développement
  • Écrire une application cliente complète interagissant avec un serveur

Pré-requis

  • Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de “this”, l’écoute d'événements (DOM ou jQuery), l’approche fonctionnelle…
  • Une précédente expérience sur un framework type Angular ou Backbone peut être un plus.
  • Apportez votre ordinateur portable. (Linux / Mac plus confortable, mais pas obligatoire). Il n’est pas nécessaire d’y installer quoique ce soit au préalable.

Le programme de la formation React

Jour 1

Introduction et historique

Retour sur l’environnement frontend actuel et son futur proche, concepts de base:
- chargement de ressources,
- modularité,
- asynchronisme,
- data-binding,
- immutabilité

Les choix de React
  • Le "V" de MVC ? Fonctions pures de rendu, composants à état.
  • Virtual DOM, la clé des performances de React, pourquoi, comment ?

Mise en pratique :
- Création d’un premier arbre de composants,
- Propagation des props,
- Branchement des event-handlers et population de composants enfants,
- Et gestion de l’état interne

Jour 2 - TP Fil rouge

  • Installation d’un environnement de production plus moderne : Node, ESLint, Webpack, Hot reloading, React DevTools
  • Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM.
  • Manipulation plus ambitieuse du DOM, du CSS.
  • Tirer partie du cycle de vie des composants.
  • Types : garanties et couverture avec Flow.
  • Tests unitaires, snapshots via Jest.

Jour 3 - TP Fil rouge

  • Revisiter la communication inter-composants.
  • Externalisation de l’état avec un store Redux (les différences avec MobX seront évoquées).
  • Dispatch d’actions, composition des reducers associés.
  • Manipulation du context.
  • Redux DevTools, time-travel debugging.
  • Intégration du Provider et des connexions React-redux.
  • Ajouts de middlewares Redux.
  • Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
  • Appel d’API distante.

Pistes d’exploration bonus suivant le déroulement et le niveau :
- Rendu des composants côté serveur (isomorphisme)
- Routage (v4)
- i18n

Télécharger le programme

Le(s) formateur(s)

Nicolas Chambrier

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 "DevOp" 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 Chambrier sur le blog de Human Coders

Voir son profil détaillé

Romain Crestey

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 (http://weareants.fr), et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.

Voir son profil détaillé

Emmanuel Demey

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.

Voir son profil détaillé

15 témoignages

Bonne formation permettant d'obtenir les bases de ReactJS. Attention il faut avoir une bonne connaissance de Javascript.

Philippe FERREIRA

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
Logilab

Excellente formation. Tous les sujets attendus ont été évoqués. Nicolas est un très bon formateur.

GODIN Matthieu
Ibanfirst

Formation très intéressante pour parcourir tout l'univers de react.js

Fabrice Trey
Vente-privée

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
Logilab

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
ITLINK

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
TECHadvantage

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
NEWSWEB

Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.

Paul PLAYE
Seloger.com

Formation complète pour comprendre les bases de React.

Julie INGIGNOLI

Les explications étaient claires et le rythme adapté

Florent VOLLMER
Ouidou Consulting

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

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

Très bon formateur (Emmanuel). Dommage que ça soit a distance a cause du covid

Mouloud HAOUILI
Ouidou Consulting

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

Decathlon
Moody's Analytics
Boursorama
Alcatel
Société Générale
Atos

Nos formations en images

CasperJS
Angular
Machine Learning avec python
Machine Learning avec python

Formation React

Notée : (174)

Formez-vous à ReactJS : la bibliothèque JavaScript de Facebook libre et open-source

Le framework React propose une façon pragmatique d'aborder le développement de composants Web et de les structurer en interface utilisateur complexe.

Lors de cette formation React, composée essentiellement de travaux pratiques, vous verrez :
- les différents principes de la librairie,
- sa vision singulière
- les syntaxes et bonnes pratiques,
- les tests,
- ainsi que l'outillage.

Durant les mises en pratique, vous réaliserez une application graphique complète afin de mettre en oeuvre toutes les notions vues.

Si React reste bien entendu le principal sujet de cette formation, une multitude de notions annexes autour de JavaScript et du Web en général seront abordées en complément :
- les Promesses,
- le duo async/await,
- les nouveautés en préparation par le TC39,
- mais aussi GraphQL, React Native, SASS, le vectoriel, Elm…

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

  • Découvrir React, son fonctionnement et son écosystème
  • Décrire un arbre de composants en ES2017+, puis saupoudré de JSX
  • Maîtriser la gestion globale d’état et intégrer l'architecture Flux avec Redux
  • Mettre en place un environnement de développement
  • Écrire une application cliente complète interagissant avec un serveur

Pré-requis

  • Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de “this”, l’écoute d'événements (DOM ou jQuery), l’approche fonctionnelle…
  • Une précédente expérience sur un framework type Angular ou Backbone peut être un plus.
  • Apportez votre ordinateur portable. (Linux / Mac plus confortable, mais pas obligatoire). Il n’est pas nécessaire d’y installer quoique ce soit au préalable.

Le programme de la formation React

Jour 1

Introduction et historique

Retour sur l’environnement frontend actuel et son futur proche, concepts de base:
- chargement de ressources,
- modularité,
- asynchronisme,
- data-binding,
- immutabilité

Les choix de React
  • Le "V" de MVC ? Fonctions pures de rendu, composants à état.
  • Virtual DOM, la clé des performances de React, pourquoi, comment ?

Mise en pratique :
- Création d’un premier arbre de composants,
- Propagation des props,
- Branchement des event-handlers et population de composants enfants,
- Et gestion de l’état interne

Jour 2 - TP Fil rouge

  • Installation d’un environnement de production plus moderne : Node, ESLint, Webpack, Hot reloading, React DevTools
  • Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM.
  • Manipulation plus ambitieuse du DOM, du CSS.
  • Tirer partie du cycle de vie des composants.
  • Types : garanties et couverture avec Flow.
  • Tests unitaires, snapshots via Jest.

Jour 3 - TP Fil rouge

  • Revisiter la communication inter-composants.
  • Externalisation de l’état avec un store Redux (les différences avec MobX seront évoquées).
  • Dispatch d’actions, composition des reducers associés.
  • Manipulation du context.
  • Redux DevTools, time-travel debugging.
  • Intégration du Provider et des connexions React-redux.
  • Ajouts de middlewares Redux.
  • Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
  • Appel d’API distante.

Pistes d’exploration bonus suivant le déroulement et le niveau :
- Rendu des composants côté serveur (isomorphisme)
- Routage (v4)
- i18n

Télécharger le programme

Le(s) formateur(s)

Nicolas Chambrier

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 "DevOp" 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 Chambrier sur le blog de Human Coders

Voir son profil détaillé

Romain Crestey

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 (http://weareants.fr), et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.

Voir son profil détaillé

Emmanuel Demey

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.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.

15 témoignages

Bonne formation permettant d'obtenir les bases de ReactJS. Attention il faut avoir une bonne connaissance de Javascript.

Philippe FERREIRA

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
Logilab

Excellente formation. Tous les sujets attendus ont été évoqués. Nicolas est un très bon formateur.

GODIN Matthieu
Ibanfirst

Formation très intéressante pour parcourir tout l'univers de react.js

Fabrice Trey
Vente-privée

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
Logilab

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
ITLINK

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
TECHadvantage

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
NEWSWEB

Un formateur au top qui sait de quoi il parle, et qui arrive a bien vulgariser.

Paul PLAYE
Seloger.com

Formation complète pour comprendre les bases de React.

Julie INGIGNOLI

Les explications étaient claires et le rythme adapté

Florent VOLLMER
Ouidou Consulting

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

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

Très bon formateur (Emmanuel). Dommage que ça soit a distance a cause du covid

Mouloud HAOUILI
Ouidou Consulting