React : créer des applications web modernes avec composants et hooks

Cette formation est organisée à la demande : en classe virtuelle ou dans vos locaux, aux dates qui vous conviennent. Demandez-nous les prochaines dates ou un devis pour votre équipe.

• Créer et organiser un projet React avec Vite
• Concevoir des composants réutilisables avec JSX et props
• Gérer l'état et les effets avec useState et useEffect
• Construire des formulaires contrôlés avec validation
• Consommer une API REST et gérer chargement et erreurs
• Mettre en place un routage multi-pages avec React Router
• Partager l'état avec le contexte et des hooks personnalisés
• Préparer et déployer une application en production

• Développeurs web qui souhaitent adopter React
• Développeurs back-end amenés à intervenir sur le front-end
• Intégrateurs maîtrisant HTML, CSS et JavaScript
• Chefs de projet techniques souhaitant comprendre une base de code React

Maîtriser les bases de JavaScript (variables, fonctions, tableaux, objets) ainsi que HTML et CSS. La connaissance de la syntaxe moderne (fonctions fléchées, déstructuration) est un plus, rappelée en début de formation.

1. Jour 1 — matin

   Démarrer avec React

   • –Rappels de JavaScript moderne utiles à React
   • –Pourquoi une approche par composants
   • –Créer un projet avec Vite et découvrir sa structure
   • –Syntaxe JSX et premier composant

2. Jour 1 — après-midi

   Composants, props et listes

   • –Découper une interface en composants
   • –Transmettre des données avec les props
   • –Afficher des listes et utiliser les clés
   • –Affichage conditionnel et styles

3. Jour 2 — matin

   État et interactions

   • –Gérer l'état local avec useState
   • –Réagir aux événements de l'utilisateur
   • –Remonter l'état vers un composant parent
   • –Fil rouge : recherche et filtres dynamiques

4. Jour 2 — après-midi

   Formulaires et appels d'API

   • –Formulaires contrôlés et validation des saisies
   • –Effets de bord avec useEffect
   • –Charger et envoyer des données avec fetch
   • –Gérer les états de chargement et d'erreur

5. Jour 3 — matin

   Routage et état partagé

   • –Plusieurs pages avec React Router
   • –Paramètres d'URL et page de détail
   • –Partager des données avec le contexte
   • –Écrire un hook personnalisé

6. Jour 3 — après-midi

   Bonnes pratiques et déploiement

   • –Organisation des dossiers et conventions de nommage
   • –Outils de développement React et débogage
   • –Introduction aux tests de composants
   • –Construire et déployer l'application en ligne

Plus de 70 % de pratique sur poste, avec un mini-projet fil rouge. Groupes de 10 participants maximum, en classe virtuelle en direct ou dans vos locaux, avec un formateur praticien. Pendant 30 jours après la formation, vous pouvez poser vos questions au formateur par email.

• Le code source de l'application fil rouge
• Une application déployée et accessible en ligne
• Un mémo des hooks et des patterns React essentiels
• Une liste de contrôle des bonnes pratiques avant mise en production
• Une attestation de fin de formation Onarcle

Positionnement en début de formation, exercices pratiques et mini-projet évalué. Attestation de fin de formation ; certificat de réussite Onarcle à partir de 70 % aux évaluations.

Tarif inter-entreprises par participant, supports inclus. Intra-entreprise (jusqu'à 10 participants, programme adapté à vos besoins) : 4 490 € HT par groupe. Remise de 10 % à partir de 3 participants d'une même organisation. Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.