---
source_hash: "2fce8fb7"
title: "SmartMaker Training"
weight: 50
description: "To go further (and faster) in learning SmartMaker, we invite you to follow the training course offered by [CAP-REL](https://shop.cap-rel.fr/cat/141)."
category: "Training"
type: "training"
---

# SmartMaker Training

> Complete training for PHP developers who want to master React and the SmartMaker stack.

## Goals

This training will let you:

- Understand the core concepts of React
- Master the React hooks (useState, useEffect, etc.)
- Use the SmartCommon library
- Build PWA mobile applications connected to Dolibarr
- Develop APIs with the SmartMaker router

## Prerequisites

- Solid PHP experience
- Basic HTML/CSS knowledge
- Familiarity with Dolibarr (module development)

## Modules

### Part 1: Fundamentals

| Module | Title | Description |  |
| --- | --- | --- | --- |
| 1 | [JavaScript ES6+](/training/module1-javascript-es6) | Modern JavaScript prerequisites |
| 2 | [Introduction to React](/training/module2-introduction-react) | Components, JSX, props |
| 3 | [Core React Hooks](/training/module3-hooks-fondamentaux) | useState, useEffect, useRef, useContext |
| 4 | [Advanced React](/training/module4-react-avance) | useCallback, useMemo, custom hooks, Redux |

### Part 2: SmartMaker

| Module | Title | Description |  |
| --- | --- | --- | --- |
| 5 | [SmartMaker Architecture](/training/module5-architecture-smartmaker) | Overview of the stack |
| 6 | [SmartCommon - Components](/training/module6-smartcommon-composants) | Component library |
| 7 | [SmartCommon - Hooks](/training/module7-smartcommon-hooks) | useApi, useStates, useGlobalStates |
| 8 | [Backend API](/training/module8-backend-api) | PHP router and controllers |

### Part 3: Integration

| Module | Title | Description |  |
| --- | --- | --- | --- |
| 9 | [Frontend-Backend Integration](/training/module9-integration) | Complete flow, mapping |
| 10 | [Advanced Features](/training/module10-fonctionnalites-avancees) | Offline, animations, i18n |
| 11 | [Best Practices](/training/module11-bonnes-pratiques) | Pitfalls, patterns, debugging |

## How to follow this training

1. **Follow the modules in order** - Each module builds on the previous ones
2. **Practise** - Every chapter contains exercises
3. **Refer to the documentation** - SmartCommon and the React docs are your friends
4. **Experiment** - Create a test project with SmartBoot

## Further resources

- [SmartCommon documentation](/front)
- [SmartAuth documentation](/smartauth)
- [React documentation (official)](https://react.dev)
- [Redux Toolkit documentation](https://redux-toolkit.js.org)

## Going further

To go further (and faster) in learning SmartMaker, we invite you to follow the training course offered by [CAP-REL](https://shop.cap-rel.fr/cat/141).

### R&D support

You can also support the project's R&D financially through this link: [SmartMaker project](https://shop.cap-rel.fr/cat/product/SPONSORING-DM-01)