Formation React

Name: Formation React
Brand: Human Coders
SKU: 77
Price: 1900 EUR
Availability: InStock
Rating: 4.6 (59 reviews)

Notée : (294)*

Apprenez à créer des applications dynamiques en React.js avec des hooks grâce à un projet en conditions réelles !

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 !

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

🇺🇸 Cette formation est aussi disponible en anglais

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

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é

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 !

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é

Guillaume ANDOUARD

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 !

Voir son profil détaillé

63 témoignages

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

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 de React

Bonus/Options

Le(s) formateur(s)

Emmanuel DEMEY

Florent BERTHELOT

Gabriel PICHOT

Evan BOISSONNOT

Nicolas LAVAL

Wilfried BOUKHERS

Guillaume ANDOUARD

63 témoignages

FAQ

Comment financer votre formation ?

La formation peut-elle être disponible en présentiel ou en distanciel ?

Comment se déroule une formation en présentiel ?

A propos de Human Coders

Prix (Formation inter-entreprise)

Durée

Dates

Durée

Durée

Besoin d'aide ?

Nos forces

Nos clients