Thématique du numérique : React

  • useEffect()

    useEffect est un hook fondamental de React (introduit en v16.8) qui permet d’exécuter des effets de bord (side effects) dans les composants fonctionnels. Un effet de bord désigne toute opération qui interagit avec le monde extérieur au processus de rendu React : Appels API, abonnements, modification manuelle du DOM, timers, analytics, etc. Il synchronise le…

  • useNavigate()

    useNavigate() est un hook React fourni par react-router-dom qui retourne une fonction de navigation impérative, permettant de modifier programmatiquement l’URL courante, de manipuler l’historique du navigateur ou de transmettre un état de navigation sans interaction utilisateur directe sur un lien. Exemples concrets Comparaison clé Cas d’usage typiques Pourquoi cette conception ? useNavigate() est l’outil officiel…

  • useParams()

    useParams() est un hook React fourni par react-router-dom (React Router v6+) qui récupère les paramètres dynamiques définis dans le chemin de l’URL via la syntaxe :nomParam. Il retourne un objet JavaScript où toutes les valeurs sont systématiquement des chaînes de caractères (string), indépendamment de leur apparence dans l’URL. Caractéristiques essentielles Exemple concret

  • useState()

    useState est un Hook (fonction spéciale) introduit dans React 16.8. Il permet d’ajouter un état local réactif à un composant fonctionnel. Caractéristiques Clés (Ton résumé validé) Syntaxe de base Exemple

  • Vite

    Outil alternatif aux bundlers WebPack, Parcel, etc. Vite recompile en JavaScript sans générer de bundle, regénérer des require à chaque modification d’un fichier. Il utilise à la place les modules EcmaScript natifs et les imports reconnus par les navigateurs récents en mode développement, le hot reloading. Vite utilise Rollup pour le build de production. Vitejs.dev