Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Introduction
Moderne React
- Nouveautés des React 18 et 19
- Outils modernes et changements d'approche
React Crochets avancés
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle
Mode simultané dans React
- Utilisation des crochets useTransition, useDeferredValue
Next.js Routage
- Différences entre App Router et Pages Router
Stratégies de rendu dans Next.js
- Rendu côté serveur vs application à page unique vs génération statique
Composants et actions du serveur
- Utilisation des directives "use server" et "use client".
Récupération et mise en cache des données
- Stratégie de régénération statique incrémentale
Utilisation de Next.js comme backend
- Fonctions Edge et Edge Runtime
State Management
- [Contexte, Redux et gestion de l'état atomique (Zustand)
Création de modèles dans Next.js
- Modèles réutilisables
- Approches et bibliothèques de modèles disponibles CSS
Optimisation des performances
- Améliorer le temps de chargement et obtenir des scores élevés de Web Core Vitals
Instrumentation
Test en Next.js
Stratégies Monorepo
- Next.js avec TurboRepo / Nx
Surveillance, déploiement et orchestration
Résumé et prochaines étapes
Pré requis
- Forte compréhension de JavaScript et ES6+
- Expérience avec React et React Hooks
- Familiarité de base avec Next.js
- Compréhension des appels API et de la gestion des états
Audience
- Développeurs expérimentés en React souhaitant approfondir leurs connaissances en Next.js.
- Développeurs front-end et full-stack à la recherche de techniques avancées d'optimisation des performances
- Ingénieurs logiciels travaillant sur des applications Next.js à grande échelle
21 Heures
Nos clients témoignent (1)
La formation contient de bons éléments et est facile à suivre
David Phetole Leshabela - Vodacom SA
Formation - React with Next.js
Traduction automatique