Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation React et Next.js : développer des interfaces
Construisez des interfaces réactives avec React puis des applications full stack avec Next.js : rendu serveur, routage et API intégrées.
Maîtrisez les hooks React, la composition de composants, puis le rendu serveur, le routage par fichiers et les routes API de Next.js pour livrer une application full stack complète.
export default async function OrdersPage() {
const orders = await fetch('https://api.shop.dev/orders').then(r => r.json());
return <OrderList orders={orders} />;
}
function OrderList({ orders }) {
const [filter, setFilter] = useState('all');
return orders
.filter(o => filter === 'all' || o.status === filter)
.map(renderOrder);
}Description
Cette formation couvre React dans ses pratiques actuelles avant d'aborder Next.js pour construire une application full stack complète. Vous apprenez à composer des interfaces avec des composants fonctionnels et les hooks (useState, useEffect, useContext, hooks personnalisés), puis à structurer une application Next.js avec le rendu serveur, le routage par fichiers, les server components et les routes API. La gestion des données, de la mise en cache et des formulaires est traitée avec les patterns actuels de l'écosystème React. Les participants construisent une application complète tout au long de la formation, du composant isolé jusqu'au déploiement, ce qui permet de confronter chaque notion aux contraintes réelles d'un projet. Cette formation s'adresse aux développeurs web souhaitant construire des interfaces et des applications full stack avec l'écosystème React.
Les objectifs
Construire des interfaces réactives avec React et des applications full stack avec Next.js (rendu serveur, routage, API).
Public visé
Développeurs web souhaitant construire des interfaces et des applications full stack avec l'écosystème React.
Prérequis
Pratique de JavaScript moderne. La connaissance de TypeScript est un plus.
Le programme
Jour 1
Matinée
1. Composants React
- JSX et rendu ; props et composition ; état local avec useState ; événements ; listes et clés.
Après-midi
2. Hooks et effets
- useEffect et cycle de vie ; useRef, useMemo, useCallback ; hooks personnalisés ; règles des hooks et pièges.
Jour 2
Matinée
3. État et données
- État partagé et contexte ; gestion des données distantes ; chargement, erreurs et cache ; formulaires contrôlés et validation.
Après-midi
4. Structurer une application React
- Organisation des dossiers ; composition et réutilisation ; typage avec TypeScript ; tests de composants.
Jour 3
Matinée
5. Next.js : routage et rendu
- App Router ; composants serveur et client ; stratégies de rendu et de cache ; chargement des données ; mise en page imbriquée.
Après-midi
6. Next.js : API et formulaires
- Route handlers et actions serveur ; accès aux données ; authentification ; gestion des erreurs et des états de chargement.
Jour 4
Matinée
7. Qualité et performance
- Optimisation des images et des polices ; découpage du code ; mesure des Core Web Vitals ; accessibilité des composants.
Après-midi
8. Déploiement
- Variables d'environnement ; build et hébergement ; supervision ; revue du projet fil rouge.
Dernière mise à jour : 18 septembre 2026
En présentiel ou à distance : à vous de choisir
En classe virtuelle
Pour allier flexibilité et interactions en temps réel avec le formateur.
Dans nos locaux
Pour favoriser la concentration, les échanges et le confort des apprenants.
Les modalités de formation
Suivi et évaluation :
- Recueil des besoins en amont pour identifier les attentes du stagiaire
- Évaluation continue : études de cas et travaux pratiques pendant la formation
- Évaluation finale : questionnaire d'auto-évaluation
Format et encadrement :
- Formation équilibrée alliant théorie et pratique (minimum 50%)
- Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
- Émargement par demi-journée et remise d'une attestation de formation
Moyens pédagogiques et techniques :
- Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
- Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
- Les prérequis techniques seront communiqués aux apprenants en amont de la formation, lors de l'analyse des besoins, en fonction des spécificités de chaque client.
- Accessibilité: nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.
Conditions et délais d'accès :
- Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
- Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.