# Formation SmartMaker

> Formation complète pour développeurs PHP souhaitant maîtriser React et la stack SmartMaker.


## Objectifs

Cette formation vous permettra de :

- Comprendre les concepts fondamentaux de React
- Maîtriser les hooks React (useState, useEffect, etc.)
- Utiliser la bibliothèque SmartCommon
- Créer des applications mobiles PWA connectées à Dolibarr
- Développer des API avec le routeur SmartMaker


## Prérequis

- Expérience solide en PHP
- Connaissances de base en HTML/CSS
- Familiarité avec Dolibarr (module development)


## Modules

### Partie 1 : Fondamentaux

^ Module ^ Titre ^ Description ^
| 1 | [[:15_training:module1-javascript-es6:start|JavaScript ES6+]] | Prérequis JavaScript moderne |
| 2 | [[:15_training:module2-introduction-react:start|Introduction à React]] | Composants, JSX, props |
| 3 | [[:15_training:module3-hooks-fondamentaux:start|Hooks React Fondamentaux]] | useState, useEffect, useRef, useContext |
| 4 | [[:15_training:module4-react-avance:start|React Avancé]] | useCallback, useMemo, custom hooks, Redux |

### Partie 2 : SmartMaker

^ Module ^ Titre ^ Description ^
| 5 | [[:15_training:module5-architecture:start|Architecture SmartMaker]] | Vue d'ensemble de la stack |
| 6 | [[:15_training:module6-smartcommon-composants:start|SmartCommon - Composants]] | Bibliothèque de composants |
| 7 | [[:15_training:module7-smartcommon-hooks:start|SmartCommon - Hooks]] | useApi, useStates, useGlobalStates |
| 8 | [[:15_training:module8-backend-api:start|Backend API]] | Routeur et contrôleurs PHP |

### Partie 3 : Intégration

^ Module ^ Titre ^ Description ^
| 9 | [[:15_training:module9-integration:start|Intégration Frontend-Backend]] | Flux complet, mapping |
| 10 | [[:15_training:module10-avance:start|Fonctionnalités Avancées]] | Offline, animations, i18n |
| 11 | [[:15_training:module11-bonnes-pratiques:start|Bonnes Pratiques]] | Pièges, patterns, debugging |


## Comment suivre cette formation

1. **Suivez les modules dans l'ordre** - Chaque module s'appuie sur les précédents
2. **Pratiquez** - Chaque chapitre contient des exercices
3. **Référez-vous à la documentation** - SmartCommon et React docs sont vos amis
4. **Expérimentez** - Créez un projet test avec SmartBoot


## Ressources complémentaires

- [[:03_front:start|Documentation SmartCommon]]
- [[:01_smartauth:start|Documentation SmartAuth]]
- [[https://react.dev|Documentation React (officielle)]]
- [[https://redux-toolkit.js.org|Documentation Redux Toolkit]]


## Aller plus loin

Pour aller plus loin (et plus vite) dans votre apprentissage de SmartMaker nous vous invitons à suivre le cursus de formation proposé par [[https://shop.cap-rel.fr/cat/141|CAP-REL]].

### Soutien R&D

Vous pouvez également soutenir financièrement la R&D du projet en suivant ce lien : [[https://shop.cap-rel.fr/cat/product/SPONSORING-DM-01|Projet SmartMaker]]