# 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 | [[:15_training:module7-smartcommon-hooks:useapi|useApi]] | Requêtes API avec authentification JWT |
| 2 | [[:15_training:module7-smartcommon-hooks:etat|Gestion d'état]] | useGlobalStates, useStates, useForm |
| 3 | [[:15_training:module7-smartcommon-hooks:utilitaires|Utilitaires]] | useIntl, useWindow, useDb, useFile |


## Import des hooks

```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 |


[[:15_training:module7-smartcommon-hooks:useapi|Commencer : useApi →]]