React — Développement front-end moderne
Composants, hooks, state, routing et appels API. Construisez des interfaces web réactives et maintenables avec React.
- Construire des composants réutilisables
- Gérer l'état avec les hooks
- Router et structurer une SPA
- Consommer des API et gérer les effets
- Construire une interface web interactive complète sans dépendre d'un prestataire front-end
- Comprendre et corriger des bugs dans une codebase React existante
- Intégrer n'importe quelle API REST ou GraphQL dans votre front — données temps réel incluses
- Produire du code React maintenable que votre équipe pourra reprendre dans 6 mois
Au programme
Jour 1 — Fondamentaux React & TypeScript
- JSX, composants fonctionnels et arbre de rendu
- Props, state et cycle de vie avec TypeScript strict
- Événements, rendu conditionnel et listes
- Typage des composants : interfaces, generics, FC<Props>
- Atelier : interface de gestion de tickets typée en TypeScript
Jour 2 — Hooks & gestion de formulaires
- useState, useEffect, useRef, useMemo, useCallback
- Hooks personnalisés : extraire et réutiliser la logique
- Gestion de formulaires avec React Hook Form + Zod
- Context API vs prop drilling — quand utiliser quoi
- Atelier : formulaire multi-étapes avec validation et types
Jour 3 — Architecture, routing & état global
- React Router v6 : routes imbriquées, loaders, guards
- Zustand : état global simple et scalable
- TanStack Query (React Query) : fetch, cache, mutations
- Gestion des erreurs et états de chargement
- Atelier : SPA complète avec routing, auth et données API
Jour 4 — Performance, tests & déploiement
- Performance : code splitting, lazy loading, React.memo
- Tests avec Vitest et Testing Library : unit + intégration
- Storybook : documenter et isoler les composants
- Build Vite et déploiement sur Vercel / AWS S3 + CloudFront
- Atelier final : CI/CD complet — lint, test, build, deploy
Public visé
Développeurs front-end et full-stack.
Prérequis
- Bases de JavaScript
- Notions HTML/CSS
Modalités
Praticien en activité, Khaled intervient sur des missions d'automatisation, d'infrastructure as code et de migration cloud dans des entreprises de toutes tailles. Ses formations sont construites sur des cas réels, pas sur la documentation officielle.
Foire aux questions
La formation est-elle éligible à un financement OPCO ou CPF ?
Non. Sphinx-Digital n'est pas certifié Qualiopi et n'est pas référencé sur Mon Compte Formation. La formation est facturée directement à l'entreprise ou au particulier, sans prise en charge externe.
Quelle est la différence entre le format inter-entreprises et intra-entreprise ?
En inter-entreprises, vous rejoignez une session avec des participants d'autres sociétés (3 à 10 personnes). En intra-entreprise, nous organisons une session dédiée à votre équipe, sur votre site ou à distance, avec un contenu adapté à votre contexte. Tarif intra disponible sur devis.
Distanciel ou présentiel : quelles différences concrètes ?
Le contenu et les labs sont identiques. En distanciel, les labs tournent sur des environnements cloud accessibles par navigateur — aucune installation requise. En présentiel sur site, vous fournissez les postes ; les labs peuvent tourner en cloud ou en local selon votre infrastructure.
Combien de participants par session ?
3 à 10 participants maximum. La limite volontaire garantit que chacun peut poser ses questions, adapter les exercices à son contexte et obtenir une réponse détaillée.
Quel est le format soirée ?
Le format soirée répartit la même formation sur 4 sessions de 3h30 (soit 14h), en soirée de 18h30 à 22h00. Même contenu, mêmes labs, même tarif — pour monter en compétences sans poser de congés.
Comment se passe le paiement ?
La formation est facturée sur devis, par virement bancaire. Le paiement en plusieurs fois est possible. Nous émettons une convention de formation pour les entreprises souhaitant la faire prendre en charge par leur service formation.
Cette formation vous intéresse ?
Inscrivez-vous à la prochaine session ou demandez une session intra-entreprise sur mesure.
Ce qu'en disent les participants
Pas sûr que cette formation corresponde à votre contexte ?
Échange de 20 min pour faire le point avant de vous inscrire — pas d'argumentaire commercial.