onarcle

Informatique et data

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

Passer de JavaScript à une application React structurée, connectée à une API et prête à déployer

Trois jours pour concevoir des interfaces web avec React : composants, props, état, hooks, formulaires contrôlés, appels d'API, routage et organisation du code. Pour les développeurs qui maîtrisent les bases de JavaScript, la formation s'appuie sur une application complète construite pas à pas, puis déployée en ligne.

Durée
3 jours · 21 heures
Niveau
Intermédiaire
Format
Intra-entreprise · Classe virtuelle

Prochaines sessions

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.

Également disponible

  • En intra-entreprise, dans vos locaux : Cameroun, Centrafrique, Congo, Côte d'Ivoire, France, Gabon, Sénégal, Tchad
  • En classe virtuelle : Cameroun, Centrafrique, Congo, Côte d'Ivoire, France, Gabon, Sénégal, Tchad

La formation au Congo

Onarcle propose la formation « React : créer des applications web modernes avec composants et hooks » au Congo, dans vos locaux pour un groupe (intra-entreprise), ou en classe virtuelle, en direct avec le formateur. Le programme, les objectifs et la méthode sont les mêmes que pour toutes nos sessions : un formateur praticien, des exercices sur des cas concrets et une attestation de fin de formation Onarcle.

Le tarif au Congo est de 275 000 FCFA HT par participant. Pour un groupe ou une session dans vos locaux, nous établissons un devis en francs CFA qui précise les taxes applicables et le calendrier.

Au Congo, cette formation s'adresse aux entreprises, aux institutions et aux professionnels, à Brazzaville, à Pointe-Noire comme dans le reste du pays. Elle peut être suivie en classe virtuelle, en direct avec le formateur, ou organisée dans vos locaux pour un groupe, avec des exemples adaptés à votre secteur.

Toutes nos formations au Congo →

Présentation

Tableaux de bord internes, espaces clients, outils de gestion, interfaces de commerce en ligne : de nombreuses applications web reposent aujourd'hui sur React. Cette bibliothèque permet de découper une interface en composants réutilisables et de gérer proprement des écrans qui évoluent en fonction des actions de l'utilisateur et des données reçues. Encore faut-il comprendre sa logique, différente de la manipulation directe du DOM, pour éviter un code difficile à maintenir.

Cette formation vous fait passer d'un JavaScript classique à une approche par composants. Vous créez un projet avec Vite, apprenez la syntaxe JSX, faites circuler les données avec les props et gérez l'état local avec useState. Vous maîtrisez ensuite useEffect pour les effets de bord, les formulaires contrôlés, le chargement de données depuis une API REST avec gestion des erreurs, puis le routage entre plusieurs pages avec React Router. Le partage d'état via le contexte et la création de hooks personnalisés complètent l'ensemble.

La pédagogie est centrée sur la pratique. Une application fil rouge, par exemple un gestionnaire de demandes ou un catalogue de produits, est construite tout au long des trois jours : liste, détail, recherche, formulaire de création, navigation. Chaque notion est démontrée puis immédiatement appliquée sur votre poste. Le formateur commente le code produit et propose des variantes pour ceux qui avancent plus vite, afin que chacun progresse à son rythme. Des temps de questions sont prévus pour relier les exemples à vos propres projets et aux difficultés que vous rencontrez déjà dans votre travail quotidien.

Pour votre équipe, React apporte une base commune pour structurer les interfaces, faciliter les revues de code et accueillir de nouveaux développeurs. Pour vous, c'est une compétence recherchée sur de nombreux projets web, et un socle pour aborder ensuite des outils comme Next.js ou React Native. Vous repartez avec une application fonctionnelle et des repères clairs sur l'organisation des dossiers, le nommage et les erreurs courantes à éviter.

La formation se déroule en classe virtuelle en direct ou en intra dans vos locaux, par groupes de 10 participants maximum, avec un formateur développeur front-end en activité. Prévoyez un ordinateur portable avec Node.js, Visual Studio Code et un navigateur récent, tous gratuits ; un guide d'installation vous est envoyé avant la session.

Objectifs

  • 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

Public concerné

  • 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

Prérequis

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.

Programme

  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

Méthode pédagogique

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.

Ce que vous recevez

  • 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

Évaluation et certificat

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.

Questions fréquentes

Quel est le prix de cette formation au Congo ?

Le tarif est de 275 000 FCFA HT par participant au Congo. Pour un groupe, une session dans vos locaux ou une demande de financement, contactez-nous : nous vous envoyons un devis en francs CFA.

Peut-on suivre la formation depuis Brazzaville ?

Oui. Depuis Brazzaville, la formation se suit dans vos locaux pour un groupe (intra-entreprise), ou en classe virtuelle, en direct avec le formateur. Les supports sont remis en version téléchargeable.

Peut-on organiser cette formation pour notre équipe au Congo ?

Oui. Pour un groupe, nous adaptons les exemples et les exercices à votre secteur et à vos outils, et organisons la session dans vos locaux ou en classe virtuelle, selon vos contraintes au Congo.

Quel niveau de JavaScript faut-il avoir ?

Vous devez savoir écrire des fonctions et manipuler tableaux et objets. Si vous débutez complètement, commencez par une formation HTML, CSS et JavaScript.

Quels outils dois-je installer avant la formation ?

Node.js, Visual Studio Code et un navigateur récent, tous gratuits. Les instructions vous sont envoyées quelques jours avant la session.

La formation aborde-t-elle TypeScript ou Next.js ?

Le cœur de la formation reste React avec JavaScript. TypeScript et Next.js sont présentés comme pistes de suite, sans être traités en détail.

Quel est le prix de la formation ?

Le tarif indiqué sur cette page s'entend par participant, en inter-entreprises. Pour un groupe ou une session dans vos locaux, nous établissons un devis. Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.

Peut-on adapter la formation au projet de notre équipe ?

Oui, en intra le fil rouge peut être construit à partir d'un cas proche de votre application. Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.

Inscription et devis

Réservez une place, demandez un devis ou une session pour vos équipes. Nous vous répondons sous 48 heures ouvrées.

Les noms de logiciels et de marques cités appartiennent à leurs propriétaires respectifs. Onarcle est un organisme de formation indépendant, non affilié à leurs éditeurs ; cette formation ne délivre pas de certification officielle d'éditeur.

← Congo