SmarMaker - Documentation
Docs» 15_training:module7-smartcommon-hooks:start

Module 7 : SmartCommon - Hooks

SmartCommon fournit des hooks spécialisés pour les applications SmartMaker. Ce module couvre les hooks essentiels pour l'API, l'état et les utilitaires.

Prérequis

  • Module 3 complété (hooks React fondamentaux)
  • Module 6 complété (composants SmartCommon)

Catégories de hooks

SmartCommon organise ses hooks en trois catégories :

Catégorie Hooks Usage
Globaux useApi, useGlobalStates, useNavigation Contexte application
Locaux useStates, useForm, useDb État composant
Utilitaires useIntl, useWindow, useFile Helpers divers

Chapitres

# Chapitre Contenu
1 useApi Requêtes API avec authentification JWT
2 Gestion d'état useGlobalStates, useStates, useForm
3 Utilitaires useIntl, useWindow, useDb, useFile

Import des hooks

snippet.javascript
import {
    // Hooks globaux
    useApi,
    useGlobalStates,
    useNavigation,
    useLibConfig,
 
    // Hooks locaux
    useStates,
    useForm,
    useDb,
 
    // Hooks utilitaires
    useIntl,
    useWindow,
    useFile,
    useAnimation,
    useListDnD
} from '@cap-rel/smartcommon';

Objectifs du module

À la fin de ce module, vous saurez :

  • Faire des requêtes API authentifiées avec useApi
  • Gérer l'état global avec useGlobalStates
  • Gérer l'état local avec useStates et useForm
  • Utiliser les hooks utilitaires (formatage, fenêtre, fichiers)

Tableau récapitulatif

Hook Catégorie Description
useApi Global Appels API avec auth JWT
useGlobalStates Global État global persistant
useNavigation Global Navigation React Router
useLibConfig Global Configuration de l'app
useStates Local État local avec path notation
useForm Local Gestion de formulaires
useDb Local Base IndexedDB (Dexie)
useIntl Utilitaire Formatage dates/nombres
useWindow Utilitaire Dimensions fenêtre
useFile Utilitaire Manipulation fichiers

Commencer : useApi →

Previous Next

Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation
Traductions de cette page:
  • Français
  • Deutsch
  • English
  • Español
  • Italiano
  • Nederlands

Table of Contents

Table des matières

  • Module 7 : SmartCommon - Hooks
    • Prérequis
    • Catégories de hooks
    • Chapitres
    • Import des hooks
    • Objectifs du module
    • Tableau récapitulatif
  • SmartAuth
  • SmartMaker - Back (PHP)
    • Mapping Dolibarr - React
  • SmartMaker - Front (React)
    • Animations de pages
    • Architecture
    • Astuces
    • Calendar
    • Composants et pages
    • Configuration du Provider
    • Debug et Logs
    • Hooks SmartCommon
    • PWA (Progressive Web App)
    • Requêtes API
    • Routage
    • SmartCommon
    • Stockage de données
    • Thèmes
    • Traductions
  • HowTo - Pas à pas - Votre première application
    • Développement PHP (back)
    • Développement React (front)
    • Première étape : Module Builder Dolibarr
    • SmartAuth
    • SmartBoot : Un "squelette" quasiment prêt à l'emploi
  • Formation SmartMaker
    • Module 1 : Fondamentaux JavaScript ES6+
      • Chapitre 1 : Variables et Scope
      • Chapitre 2 : Fonctions
      • Chapitre 3 : Programmation Asynchrone
      • Chapitre 4 : Modules ES6
    • Module 2 : Introduction à React
      • Chapitre 1 : Philosophie React
      • Chapitre 2 : JSX
      • Chapitre 3 : Composants
    • Module 3 : Hooks React Fondamentaux
      • Chapitre 1 : useState
      • Chapitre 2 : useEffect
      • Chapitre 3 : useRef
      • Chapitre 4 : useContext
    • Module 4 : React Avancé
      • Chapitre 1 : useCallback et useMemo
      • Chapitre 2 : Custom Hooks
      • Chapitre 3 : Redux et Redux Toolkit
    • Module 5 : Architecture SmartMaker
      • Chapitre 1 : Structure du projet
      • Chapitre 2 : Configuration
      • Chapitre 3 : Flux de données
    • Module 6 : SmartCommon - Composants
      • Chapitre 1 : Mise en page
      • Chapitre 2 : Navigation
      • Chapitre 3 : Formulaires
      • Chapitre 4 : Affichage
    • Module 7 : SmartCommon - Hooks
      • Chapitre 1 : useApi
      • Chapitre 2 : Gestion d'état
      • Chapitre 3 : Hooks utilitaires
    • Module 8 : Backend API (PHP)
      • Chapitre 1 : Routage
      • Chapitre 2 : Controllers
      • Chapitre 3 : Mappers
      • Extrafields et formulaires dynamiques
    • Module 9 : Intégration complète
      • Chapitre 1 : Backend
      • Chapitre 2 : Frontend
      • Chapitre 3 : Déploiement
    • Module 10 : Fonctionnalités avancées
      • Chapitre 1 : Mode offline
      • Chapitre 2 : Internationalisation (i18n)
      • Chapitre 3 : Autres fonctionnalités
    • Module 11 : Bonnes pratiques
  • Démonstration
  • Start
  • Composants et pages
  • Afficher le texte source
  • Anciennes révisions
  • Liens de retour
  • Haut de page