Table of Contents

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

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 :

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 →