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, les utilitaires et la synchronisation offline.

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

SmartCommon organise ses hooks en quatre catégories :

snippet.javascript

import {
    // Hooks globaux
    useApi,
    useGlobalStates,
    useNavigation,
    useLibConfig,
    useConfirm,
    usePWAUpdate,
 
    // Hooks locaux
    useStates,
    useForm,
    useDb,
 
    // Hooks utilitaires
    useIntl,
    useWindow,
    useFile,
    useAnimation,
    useListDnD,
 
    // Hooks sync / offline
    useSyncClient,
    useOnlineStatus,
    useCachedQuery,
    useAuthenticatedImage,
 
    // Composants sync
    ConflictResolver
} from '@cap-rel/smartcommon';

À 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)
• Implémenter une application offline-first avec useSyncClient

Commencer : useApi →