Documentation · Chapitre 09

Assembler une application View utile.

Cet atelier crée un petit tableau de tâches qui reste du PHP lisible et réagit sans requête serveur à chaque clic.

Chaque leçon part du problème, explique le mécanisme puis propose une vérification concrète.

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.

phpaml — zsh
#[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.