CHAPITRE 03 / WEBFRONT
Créer l’interface
Installer React et voir ses modifications.
Le terminal est dans l’application
Tapez ces commandes dans le terminal WebFront. wf create life crée les sources du starter dans ui/ sans écraser un répertoire existant. wf init crée le manifeste. wf install vérifie les packages et enregistre leurs versions exactes dans le lock. wf dev compile le TSX et ouvre la prévisualisation.
wf create life
wf init
wf install react@19.3.1 react-dom@19.3.1
wf dev ui/main.tsxModifier, observer, recommencer
Ouvrez life-project/ui/main.tsx et style.css dans votre éditeur habituel. Modifiez une couleur, puis enregistrez : wf dev reconstruit l’interface. Une erreur laisse la dernière prévisualisation valide et affiche le diagnostic. Ctrl+C arrête la surveillance. wf build compile une fois.
Choisir ses dépendances
Seuls les packages compatibles navigateur sont pris en charge. Les scripts d’installation et les modules natifs ne s’exécutent pas. Le lock permet wf restore sur une autre machine ; wf restore --offline vérifie un cache déjà présent. La compilation enlève les types ; le contrôle de types utilise séparément wf check.
Question