SmarMaker - Documentation
Docs» 03_front:start

SmartMaker - Front (React)

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

Stack technique

Technologie Version Description
React 19.x Framework UI
Vite 6.x Build tool et dev server
TailwindCSS 4.x Framework CSS utility-first
Redux Toolkit 2.x State management
i18next 24.x Internationalisation
Framer Motion 12.x Animations
Dexie 4.x IndexedDB wrapper
ky 1.x HTTP client
Zod 4.x Validation de schémas

SmartCommon

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

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

Installation

npm install @cap-rel/smartcommon

Voir SmartCommon pour la documentation complète.

Contenu de SmartCommon

Providers

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

Composants de formulaire

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

Composants d'affichage

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

Composants UI

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

Hooks

  • useApi - Appels API avec auth JWT
  • useGlobalStates - État global persistant
  • useStates - État local
  • useForm - Gestion de formulaires
  • useDb - Base IndexedDB
  • useNavigation - Navigation router
  • useIntl - Formatage dates/nombres

Voir Hooks pour la documentation complète.

Documentation

  • 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
Previous Next

Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation
Traductions de cette page:
  • Français
  • Deutsch
  • English
  • Español
  • Italiano
  • Nederlands

Table of Contents

Table des matières

  • SmartMaker - Front (React)
    • Stack technique
    • SmartCommon
      • Installation
    • Contenu de SmartCommon
      • Providers
      • Composants de formulaire
      • Composants d'affichage
      • Composants UI
      • Hooks
    • Documentation
  • SmartAuth
  • SmartMaker - Back (PHP)
    • Mapping Dolibarr - React
  • SmartMaker - Front (React)
    • Animations de pages
    • Architecture
    • Astuces
    • Calendar
    • Composants et pages
    • Configuration du Provider
    • Debug et Logs
    • Hooks SmartCommon
    • PWA (Progressive Web App)
    • Requêtes API
    • Routage
    • SmartCommon
    • Stockage de données
    • Thèmes
    • Traductions
  • HowTo - Pas à pas - Votre première application
    • Développement PHP (back)
    • Développement React (front)
    • Première étape : Module Builder Dolibarr
    • SmartAuth
    • SmartBoot : Un "squelette" quasiment prêt à l'emploi
  • Formation SmartMaker
    • Module 1 : Fondamentaux JavaScript ES6+
      • Chapitre 1 : Variables et Scope
      • Chapitre 2 : Fonctions
      • Chapitre 3 : Programmation Asynchrone
      • Chapitre 4 : Modules ES6
    • Module 2 : Introduction à React
      • Chapitre 1 : Philosophie React
      • Chapitre 2 : JSX
      • Chapitre 3 : Composants
    • Module 3 : Hooks React Fondamentaux
      • Chapitre 1 : useState
      • Chapitre 2 : useEffect
      • Chapitre 3 : useRef
      • Chapitre 4 : useContext
    • Module 4 : React Avancé
      • Chapitre 1 : useCallback et useMemo
      • Chapitre 2 : Custom Hooks
      • Chapitre 3 : Redux et Redux Toolkit
    • Module 5 : Architecture SmartMaker
      • Chapitre 1 : Structure du projet
      • Chapitre 2 : Configuration
      • Chapitre 3 : Flux de données
    • Module 6 : SmartCommon - Composants
      • Chapitre 1 : Mise en page
      • Chapitre 2 : Navigation
      • Chapitre 3 : Formulaires
      • Chapitre 4 : Affichage
    • Module 7 : SmartCommon - Hooks
      • Chapitre 1 : useApi
      • Chapitre 2 : Gestion d'état
      • Chapitre 3 : Hooks utilitaires
    • Module 8 : Backend API (PHP)
      • Chapitre 1 : Routage
      • Chapitre 2 : Controllers
      • Chapitre 3 : Mappers
      • Extrafields et formulaires dynamiques
    • Module 9 : Intégration complète
      • Chapitre 1 : Backend
      • Chapitre 2 : Frontend
      • Chapitre 3 : Déploiement
    • Module 10 : Fonctionnalités avancées
      • Chapitre 1 : Mode offline
      • Chapitre 2 : Internationalisation (i18n)
      • Chapitre 3 : Autres fonctionnalités
    • Module 11 : Bonnes pratiques
  • Démonstration
  • Start
  • Composants et pages
  • Afficher le texte source
  • Anciennes révisions
  • Liens de retour
  • Haut de page