Skip to main content

Utilisation des librairies dans Open ENT

1. Choix des frameworks CSS​

  • Bootstrap : La majorité des modules Open ENT, notamment ceux développés par EdificeIO, utilisent Bootstrap pour la gestion des styles CSS. Bootstrap est privilégié pour sa simplicité, sa robustesse et sa compatibilité avec une large gamme de composants.
  • Material-UI (MUI) : Certains modules, en particulier ceux nécessitant une interface utilisateur plus moderne et réactive, utilisent Material-UI (une librairie React basée sur les principes de Material Design). Cette librairie est souvent choisie pour ses composants hautement personnalisables et son intégration fluide avec React.
  • Ant Design : Quelques modules d'Open ENT v3 utilisent Ant Design, un framework UI riche en composants et particulièrement adapté aux interfaces complexes et aux tableaux de bord administratifs.

2. Librairies contenant le terme "admin"​

Les librairies dont le nom contient le terme "admin" sont conçues spécifiquement pour les modules d'administration d'Open ENT. Elles sont généralement plus volumineuses car elles incluent des fonctionnalités avancées et des composants complexes nécessaires à la gestion administrative. Par conséquent, elles doivent être réservées aux modules qui participent à l'administration d'Open ENT. Pour les autres modules (notamment les applications métier plus simples), il est recommandé d'utiliser les librairies standard, plus légères et adaptées à des cas d'usage plus courants.

Relation entre les librairies
@openent/react-antd
Composants graphiques utilisant
Ant Design
Module Open ENT
@openent/ts-client
Composants React s'implifiant l'accès au API d'Open ENT avec des React Hooks
Module Open ENT pour l'administration
@openent/ts-admin-client
Accès à toutes les
API d'Open ENT
par Open API
avec Axios
@openent/ts-client
Composants React s'implifiant l'accès au API d'Open ENT avec des React Hooks
@openent/react-antd
Composants graphiques utilisant
Ant Design
@openent/react-admin-antd
Composants graphiques pour l'administration
utilisant
Ant Design

3. Modules d'administration et choix technologiques​

Les modules d'administration d'Open ENT v3 peuvent utiliser Material-UI (MUI) ou Ant Design, selon les besoins spécifiques du module. Ces frameworks offrent des composants avancés et des fonctionnalités adaptées aux interfaces administratives, telles que des tableaux interactifs, des formulaires complexes et des systèmes de navigation sophistiqués.

Recommandations générales​

  • Utilisez les librairies "admin" avec parcimonie : Elles sont conçues pour des cas d'usage spécifiques et peuvent impacter les performances si elles sont utilisées dans des modules non administratifs.
  • Privilégiez Bootstrap pour les styles CSS : C'est le choix par défaut pour la plupart des modules Open ENT, en particulier ceux développés par EdificeIO.
  • Optez pour Material-UI ou Ant Design pour des besoins spécifiques : Ces frameworks sont idéaux pour les interfaces modernes ou les modules d'administration, mais leur utilisation doit être justifiée par des besoins fonctionnels précis.