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

Cette formation React, vous permettra de maîtriser les grands principes du fonctionnement de React.js afin d’être autonome sur l'écriture de code React.js avec les hooks.

Grâce à la création d’un projet en condition réelle, vous mettrez directement en application les notions apprises durant le cours !

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 !

Enfin, pour découvrir d'autres frameworks front-end, jetez un œil à l'une de nos formations dédiées : Vue.js, Svelte, Angular !

Les objectifs

Comprendre les principes de React.js
Être autonome dans la lecture et l'écriture de JSX
Créer des composants fonctionnels
Utiliser les hooks principaux
Écrire une application React.js 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
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

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)

Télécharger le programme

Le(s) formateur(s)

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.

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é

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!

Voir son profil détaillé

Gabriel PICHOT

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.

Voir son profil détaillé

Nicolas LAVAL

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.

Voir son profil détaillé

Wilfried BOUKHERS

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 !

Voir son profil détaillé

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...
121 formations au catalogue, 1567 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

37 témoignages

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

Formation React

Prix (Formation inter-entreprise)

Durée

Dates

Vous connaissez déjà React.js ?

Les objectifs

Pré-requis

Le programme de la formation React

Jour 1 : Comprendre et utiliser React.js

Jour 2 : Étude des composants, Hooks et routage

Jour 3 : Ecosystème

Bonus/Options

Le(s) formateur(s)

Emmanuel DEMEY

Florent BERTHELOT

Gabriel PICHOT

Nicolas LAVAL

Wilfried BOUKHERS

A propos de Human Coders

37 témoignages

Besoin d'aide ?

Nos forces

Nos clients

Formation React

Vous connaissez déjà React.js ?

Les objectifs

Pré-requis

Le programme de la formation React

Jour 1 : Comprendre et utiliser React.js

Jour 2 : Étude des composants, Hooks et routage

Jour 3 : Ecosystème

Bonus/Options

Le(s) formateur(s)

Emmanuel DEMEY

Florent BERTHELOT

Gabriel PICHOT

Nicolas LAVAL

Wilfried BOUKHERS

A propos de Human Coders

37 témoignages

Prix (Formation inter-entreprise)

Durée

Dates

Durée

Durée

Besoin d'aide ?

Nos forces

Nos clients