Aller au contenu principal

Next.js avancé - JS client

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000212472
Organisme responsable : Human Coders (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Comprendre les concepts de `mounting` et `hydration` dans React et leur lien avec le code spécifique au navigateur Importer une librairie qui ne fonctionne que dans le navigateur (Leaflet pour la cartographie) Afficher des informations en utilisant l'objet `window` Utiliser une librairie qui peut être importée côté serveur mais ne peut être utilisée que côté client (D3 pour la visualisation de données) Apporter des modifications impératives au DOM dans une…

  • Comprendre les concepts de `mounting` et `hydration` dans React et leur lien avec le code spécifique au navigateur
  • Importer une librairie qui ne fonctionne que dans le navigateur (Leaflet pour la cartographie)
  • Afficher des informations en utilisant l'objet `window`
  • Utiliser une librairie qui peut être importée côté serveur mais ne peut être utilisée que côté client (D3 pour la visualisation de données)
  • Apporter des modifications impératives au DOM dans une callback d'effet
  • Gérer le code isomorphique qui est identique mais se comporte différemment côté client et côté serveur

Programme de la formation

Cette formation de 3 jours, dédiée à Next.js avancé côté client, s'adresse à des développeurs ayant une solide maîtrise des bases de React et Next.js, notamment le rendu serveur (SSR). Le programme suit une progression logique : le matin porte sur le lazy loading et la manipulation du DOM (via next/dynamic pour Leaflet et D3, refs et effets, transformation de Browser Components en Client Components) ; l'après-midi explore l'objet window, les hooks utilitaires (useMounted, NoSsr),…

Cette formation de 3 jours, dédiée à Next.js avancé côté client, s'adresse à des développeurs ayant une solide maîtrise des bases de React et Next.js, notamment le rendu serveur (SSR). Le programme suit une progression logique : le matin porte sur le lazy loading et la manipulation du DOM (via next/dynamic pour Leaflet et D3, refs et effets, transformation de Browser Components en Client Components) ; l'après-midi explore l'objet window, les hooks utilitaires (useMounted, NoSsr), l'hydration/mounting et le code isomorphique (Date, localisation). Les compétences acquises incluent l'orchestration du code navigateur-spécifique (DOM, APIs Web), le diagnostic d'erreurs d'hydration et la création de composants réutilisables. L'expérience d'apprentissage est centrée sur des exercices pratiques intensifs (import de libs, manipulation impérative du DOM, affichage de données localisées), favorisant une mise en situation concrète et progressive pour une autonomie immédiate en production.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

-

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

11bis Passage Doisy
75017 Paris 17e

Responsable : Human Coders

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
Human Coders
75017 Paris 17e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes