Prenez contact avec nous

Plan du cours

Introduction

React moderne

  • Nouveautés de React 18 et 19
  • Outils modernes et changements d'approche

Hooks avancés de React

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Mode concurrent dans React

  • Utilisation des hooks useTransition et useDeferredValue

Routage de Next.js

  • Différences entre l'App Router et le Pages Router

Stratégies de rendu dans Next.js

  • Rendu côté serveur vs application monopage vs génération statique

Composants serveur et actions serveur

  • 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émentielle

Utilisation de Next.js comme backend

  • Fonctions Edge et runtime Edge

Gestion de l'état

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

Création de modèles dans Next.js

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

Optimisation des performances

  • Amélioration du temps de chargement et atteinte de scores élevés aux Core Web Vitals

Instrumentation

Tests dans 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 les hooks React
  • Connaissance de base de Next.js
  • Compréhension des appels API et de la gestion d'état

Public cible

  • Développeurs React expérimentés souhaitant approfondir leurs connaissances de 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

Cours à venir

Catégories Similaires