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

Nombre de participants


Prix ​​par Participant

Nos clients témoignent (1)

Cours à venir

Catégories Similaires