SmartMaker - Front (React)

La partie front de SmartMaker est construite avec React 19, Vite, et TailwindCSS 4.

SmartCommon est la bibliothèque de composants React partagés pour toutes les applications SmartMaker.

Repository : https://inligit.fr/cap-rel/dolibarr/smartmaker/smartcommon

npm install @cap-rel/smartcommon

Voir SmartCommon pour la documentation complète.

Composants qui fournissent le contexte à l'application (Provider, ApiProvider, ReduxProvider, etc.).

• Input, Textarea, Select
• Calendar, Timer
• AddressInput, Gps
• PhotosUploader, AudiosUploader, VideosUploader
• ColorPicker, IconSelect
• SignaturePad
• Editor (markdown)

• String, Text, Number
• Datetime, Duration
• Email, Url, PhoneNumber
• Address, Coordinates
• Color, Icon, Tags

• Page, Block, Panel, Popup
• List, ListItem
• Carousel, DataTable, Chart
• Navbar, Sidebar, Tabbar
• Button, Icon, Spinner, Tag

• useApi - Appels API avec auth JWT
• useGlobalStates - État global persistant
• useStates - État local
• useForm - Gestion de formulaires
• useDb - Base IndexedDB via Dexie
• useNavigation - Navigation router
• useIntl - Formatage dates/nombres
• useCachedQuery - Cache API avec stratégies (NetworkFirst, CacheFirst, SWR)
• useSyncClient - Synchronisation offline complète
• useOnlineStatus - Détection état réseau
• useAuthenticatedImage - Chargement d'images avec JWT
• useIsDesktop - Détection viewport desktop
• useWindow - Orientation, dimensions, scroll, darkMode
• useConfirm - Dialogues de confirmation
• usePWAUpdate - Mise à jour du Service Worker

Voir Hooks pour la documentation complète.

• Architecture - Structure des fichiers
• SmartCommon - Liste des composants
• Hooks - Documentation des hooks
• Routage - Navigation et routes
• Requêtes API - Appels serveur
• Stockage de données - Persistance locale
• Traductions - Internationalisation
• Thèmes - Personnalisation CSS
• PWA - Configuration Progressive Web App
• Astuces - Bonnes pratiques