SmarMaker - Documentation
Docs» front:architecture

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
front:architecture [2025/09/24 18:52] – paolofront:architecture [Date inconnue] (Version actuelle) – supprimée - modification externe (Date inconnue) 127.0.0.1
Ligne 1: Ligne 1:
-#Architecture 
  
-{{ .:pasted:20250924-153606.png?150}} 
- 
-Le dossier mobile d'un projet SmartMaker contient un dossier ''public'' (fichiers statiques), un dossier ''src'' (code source) et quelques fichiers de configuration, modèle que l'on retrouve dans la majorité des projets React. 
- 
-Dans le dossier ''public'' : 
-  * ''images'': Icônes de l'application (pwa) et autres images statiques. 
-  * ''locales'': Fichiers de traductions json. 
-Vous pouvez bien évidemment agencer et/ou rajouter des fichiers comme ''videos'', ''audios'', ... comme vous le souhaitez. 
- 
-Dans le dossier ''src'': 
- 
-  * ''assets'' contient les fichiers  
-  * ''components'' regroupe les composants jsx de l'application. 
-  * ''i18n'' contient les fichiers de configuration des traductions 
-  * ''redux'' contient les fichiers de gestion de l'état global de Redux 
-  * ''themes'' contient les fichiers de thèmes 
-  * ''utils'' contient les constantes, les fonctions utilitaires, ... 
-  * ''App.jsx'' est le premier composant de l'application englobant les pricipaux 
-  * ''main.jsx'' est le point d'entrée de tout le code source de l'application importé dans ''index.html'' 
-  * ''config.js'' est un fichier de configuration globale de l'application 
- 
-Fichiers de configuration : 
- 
-  * ''.env'': 
-  * ''.env;example'': 
-  * ''.gitignore'': 
-  * ''eslint.config.js'': 
-  * ''index.html'': 
-  * ''package-lock.json'': 
-  * ''package.json'': 
-  * ''README.md'': 
-  * ''vite.config.js'': 
Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation

Table of Contents

  • 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
    • Synchronisation offline
    • 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 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
      • Chapitre 4 : Synchronisation Offline
    • 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