Construire l’état
Déclarez le titre et les tâches comme états. Gardez d’abord la création locale; la persistance pourra venir par une API explicite.
#[State] private string $draft = '';
#[State] private array $tasks = [];
TextField()->value($this->state('draft'));
Button('Ajouter')->onClick(function (): void {
if (trim($this->draft) !== '') {
$this->tasks[] = ['title' => $this->draft];
$this->draft = '';
}
});Composer body()
Affichez titre, champ lié, bouton d’ajout et liste. Préférez titres et labels sémantiques aux conteneurs anonymes.
Vérifier le comportement
Lancez aml test, naviguez uniquement au clavier, ajoutez plusieurs tâches et confirmez l’absence de rechargement ou de requête répétée.
EN RÉSUMÉ
Ce qu’il faut retenir
- View décrit l’interface avec des objets PHP typés.
- Engine exécute localement le comportement frontend compatible.
- Les propriétés d’état restent naturelles à lire et modifier.
- Composants, layouts, routes et styles organisent les grandes interfaces.