Prenez contact avec nous

Plan du cours

Introduction

React moderne

  • Nouveautés avec React 18 et 19
  • Outils modernes et évolutions méthodologiques

Hooks React avancés

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Mode concurrent dans React

  • Utilisation des hooks useTransition et useDeferredValue

Routage dans Next.js

  • Différences entre App Router et Pages Router

Stratégies de rendu dans Next.js

  • Server Side Rendering vs Single Page Application vs Static Generation

Server Components et Server Actions

  • Utilisation des directives « use server » et « use client »

Récupération des données et mise en cache

  • Stratégie de régénération statique incrémentale

Utilisation de Next.js comme back-end

  • Edge Functions et Edge Runtime

Gestion de l'état (State Management)

  • React Context, Redux et gestion d'état atomique (Zustand)

Création de templates dans Next.js

  • Templates réutilisables
  • Approches CSS disponibles et bibliothèques de templates

Optimisation des performances

  • Amélioration du temps de chargement et obtention de scores élevés pour les Web Core Vitals

Instrumentation

Tests dans Next.js

Stratégies de Monorepo

  • Next.js avec TurboRepo / Nx

Surveillance, déploiement et orchestration

Résumé et prochaines étapes

Pré requis

  • Maîtrise solide de JavaScript et ES6+
  • Expérience avec React et les hooks React
  • Connaissance de base de Next.js
  • Compréhension des appels API et de la gestion d'état

Audience cible

  • Développeurs React expérimentés souhaitant approfondir leurs connaissances sur Next.js
  • Développeurs front-end et full-stack recherchant des techniques avancées d'optimisation des performances
  • Ingénieurs logiciel travaillant sur des applications Next.js à grande échelle
 21 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (1)

Cours à venir

Catégories Similaires