Module 7: SmartCommon - Hooks

SmartCommon provides specialized hooks for SmartMaker applications. This module covers essential hooks for API, state, utilities, and offline synchronization.

Prerequisites

• Module 3 completed (fundamental React hooks)
• Module 6 completed (SmartCommon components)

Hook Categories

SmartCommon organizes its hooks into four categories:

Chapters

Hook Imports

import {
    // Global hooks
    useApi,
    useGlobalStates,
    useNavigation,
    useLibConfig,
    useConfirm,
    usePWAUpdate,

    // Local hooks
    useStates,
    useForm,
    useDb,

    // Utility hooks
    useIntl,
    useWindow,
    useFile,
    useAnimation,
    useListDnD,

    // Sync / offline hooks
    useSyncClient,
    useOnlineStatus,
    useCachedQuery,
    useAuthenticatedImage,

    // Sync components
    ConflictResolver
} from '@cap-rel/smartcommon';

Module Objectives

By the end of this module, you will know how to:

• Make authenticated API requests with useApi
• Manage global state with useGlobalStates
• Manage local state with useStates and useForm
• Use utility hooks (formatting, window, files)
• Implement an offline-first application with useSyncClient

Summary Table

Start: useApi ->