Formation React

(271)*

Maîtrisez la création d'interfaces web dynamiques avec notre formation en React

Formation React

Description

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.

Toutes nos formations étant limitées à 6 participant·e·s par session, vous aurez donc un contact privilégié avec vos formateurs, Emmanuel DEMEY, Nicolas CHAMBRIER, Florent BERTHELOT, Evan BOISSONNOT et Gabriel PICHOT, développeurs expérimentés et impatients de partager leur expérience professionnelle lors des cours et durant les moments d’échanges informels de la formation.

" (…) Le rythme et le programme sur 3 jours est très bien. Merci pour l'athmosphère et le cadre donné :) Je recommande ! " Yassim BEN-HADDOU, L'argus

🇺🇸 Cette formation est aussi disponible en anglais

Ils témoignent

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.

Les objectifs

  • Comprendre les principes de React
  • Être autonome dans la lecture et l'écriture de JSX
  • Créer des composants 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
  • 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)

Télécharger le programme

Formations associées

Formateurs

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.

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 !

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!

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.

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.

Steeve POMMIER

  • 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/5 Basé sur 271 avis*

Ludovic M.

Saint Gobain PAM canalisations 20.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.

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.

Mounir H.

CNRS

Top :-)

Léo F.

CNRS

Formateur compétent, dynamique et pédagogue. Le programme était complet est adapté à notre groupe.

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 !

Eric P.

Méteo France

tres bon stage

Bernard F.

Méteo France

Formateur qui maîtrise son sujet et arrive facilement à le transmettre à un public amateur.

Vincent D.

Méteo France

Bon équilibre cours/TP TP ludique => très appréciable

Jean-François M.

Méteo France

Pouvoir récupérer le code du formateur sur github est très pratique.

Richard R.

Richard RABILLON

Super formateur, il a été trèès clair

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.

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.

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

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 !

Hugo S.

Groupe SAVE

Très bonne formation, Romain s'est montré très pédagogue et disponible durant les 3 jours, je recommande.

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.

David C.

FOUSSIER Quincaillerie

Bonne formation avec un très bon formateur

Benjamin A.

VYV3 IT 21.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.

Romain L.

Keystone Solutions SPRL

très chouette formation

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.

Benoite L.

Probikeshop - Dolphin France

Nicolas a été patient, ne nous dévalorise jamais et s'est adapté à notre niveau

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.

Mouloud H.

Ouidou Consulting

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

Florent V.

Ouidou Consulting

Les explications étaient claires et le rythme adapté

Julie I.

Human Coders

Formation complète pour comprendre les bases de React.

Philippe F.

Airgeme SAS

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

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

GODIN M.

Ibanfirst

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

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.

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.

Paul P.

Seloger.com

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

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

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.

Pour en savoir plus, veuillez consulter notre page : Comment financer votre formation ?

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

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012