30. Les composants et les projets en plusieurs fichiers

Un composant Humalis

Un composant est un morceau de page réutilisable. Son nom commence par une majuscule.

composant "Fiche" :
    parametre nom
    parametre prix
    texte nom
    texte "{prix} €"

page "boutique" :
    titre "Boutique"
    Fiche avec nom "Livre" et prix 12
    Fiche avec nom "Stylo" et prix 2

Un composant React

Un composant React existant s'utilise comme un composant Humalis (web et desktop) :

utiliser composant "Carte" depuis "./composants/Carte"

page "accueil" :
    titre "Accueil"
    Carte avec titre "Fournitures scolaires"

Dans l'autre sens, humalis compile … --composants <dossier> produit des composants React à importer dans un projet React existant.

Plusieurs fichiers

Un grand projet se range en plusieurs fichiers. En haut du fichier principal :

utiliser fichier "./panier.humalis"
utiliser fichier "./catalogue.humalis"

page "accueil" :
    titre "Accueil"

Tout ce que contiennent ces fichiers (pages, composants, variables partagées, fonctions) rejoint le projet. humalis nouveau range déjà les fichiers ainsi.