Initiez-vous à la programmation avec ReactJS, la bibliothèque Javascript open source créée par Facebook qui a révolutionné le développement Front-End. Découvrez également Redux, une bibliothèque de gestion d'états.
Objectifs pédagogiques
Être capable de créer une application React
Maîtriser les concepts de l'immuabilité
Savoir faire de la programmation fonctionnelle
Savoir faire de la programmation déclarative
Être capable de créer une application React / Redux
Formation ReactJS
en détail
Programme
Le fil rouge de cette formation ReactJS sera la création d'une application utilisant des données ouvertes et de la cartographie.
1. Découvrir React et construire une application
Introduction à React
Différence entre framework et bibliothèque
Principes fondamentaux de React
Découvrir et comprendre JSX
Les classes JavaScript
Travaux pratiques : créer une première application élémentaire
Construire une application avec React
Démarrer un vrai projet React
Structurer son projet
Récupérer des données depuis un serveur
Travaux pratiques : construire une application React consommant les données d'un serveur
Intégration d'une bibliothèque tierce
Comprendre les cycles de vie d'un composant React
Rappels sur JavaScript (Array.map, Array.reduce, bind, this)
Travaux pratiques : afficher les données grâce à une bibliothèque tierce
2. Gestion d'état et mise à l'échelle
Découvrir l'architecture Flux / Redux
Comprendre le 1-way data flow
Découvrir la gestion d'état
Découverte du hot-reloading et voyage dans le temps (undo/redo)
Travaux pratiques : ajouter redux à une application React
L'immuabilité
Découverte de immutable.js
Comprendre l'intérêt de l'immutabilité pour les performances
Travaux pratiques : mise à jour de l'application avec un état immuable
Tester son application
Tester les composants React
Tester les modifications de l'état
Découverte de Enzyme et Jest
Travaux pratiques : ouvrir son application avec des tests
Aller plus loin
Les outils de développement pour React (react devtools, redux devtools)
React-Router ou la gestion des routes
Public visé et pré-requis
Public
Développeurs
Pré-requis
Maîtrise de JavaScript
Maîtrise de HTML
Ces pré-requis seront contrôlés et validés sous forme d’entretien téléphonique réalisé au plus tard 2 semaines avant la formation. En cas de non adéquation, des solutions alternatives seront proposées.
Personne en situation de handicap
Pour toutes questions relatives à l’accueil d’un participant présentant un handicap, merci de nous contacter préalablement avant toute inscription.
Prochaines sessions & tarifs
Formations Front end
ReactJS
Toulouse
Du 4 au 6 février 2025
Durée : 3 jours soit 21 heures
Tarif : 1800 € ht par personne
Formations Front end
ReactJS
À distance (FOAD)
Du 20 au 24 octobre 2025
Durée : 3 jours soit 21 heures
Tarif : 1800 € ht par personne
1 journée puis 4 demi-journées
Ingénierie pédagogique
Moyens pédagogiques et techniques
Les supports de cours (slides) seront disponibles en ligne et distribués en début de formation (à l'aide d'un lien vers notre outil interne ou d'une version numérisée), puis fournis au format électronique à la fin de la formation.
Une salle de formation équipée d'une connexion Internet, d'un vidéoprojecteur, paperboard…
Un ordinateur par stagiaire avec un système d'exploitation installé et les outils nécessaires.
Modalités de suivi de l'exécution du programme
Durant la formation : alternance d'apports théoriques et d’exercices pratiques sous forme de travaux pratiques corrigés avec l’expert-formateur.
En fin de formation : évaluation à chaud sur l'atteinte des objectifs pédagogiques sous forme de tour de table et de test de connaissances, d'exercices, de QCM.
Moyens d'encadrement
Formation assurée par un expert front-end.
Témoignage
Image
" Formateur qui connaît TRÈS bien le sujet, et qui sait saisir le code à chaud, s'adapter au contexte mouvant de Javascript (code source sous Git déjà ancien => formation directement adaptée sur les concepts plus récents de Context et Hooks, sortis il y a à peine 2-3 mois pour ces derniers). Du coup le formateur étant très opérationnel il a pu débloquer facilement tous les stagiaires selon les messages d'erreurs rencontrés, il était très à l'aise, on a pu ainsi débloquer un point très précis en application sur le code de notre projet SCHAPI pour lequel on utilisait Storybook. Le contenu était TRES dense, mais comme la salle avait un bon niveau, on a été assez vite et on a pu un peu personnaliser la fin pour répondre à tout type de question. "
FARCY Cédric
Autonomens
Image
" Formateur dynamique et à l'écoute. De bonnes bases sur React sont acquises. "
BARRIERE Audrey
Météo-France
Image
" Le formateur est à l'écoute de nos questions. Des exercices concrets réalisés tout le long de la formation. "
CHETTA Aline
Makina Corpus
Image
" La formation en petit comité est plus pratique pour discuter et échanger avec le formateur. De bon TP pour mettre en pratique ce qu'on a appris. En plus d'avoir appris à créer une application React, on a aussi appris à créer l'environnement pour développer en React (avec CRA, etc.)
ALVES NETO Jérémy
SELEXIUM MEDIA
Image
" Le formateur sait se mettre au niveau de son auditoire. "
